Поделиться через

TreeView.CollapseImageUrl Свойство

  • Ссылка

Определение

Пространство имен:
System.Web.UI.WebControls
Сборка:
System.Web.dll

Получает или задает URL-адрес пользовательского изображения для индикатора сворачиваемого узла.

public:
 property System::String ^ CollapseImageUrl { System::String ^ get(); void set(System::String ^ value); };
public string CollapseImageUrl { get; set; }
member this.CollapseImageUrl : string with get, set
Public Property CollapseImageUrl As String

Значение свойства

String

URL-адрес пользовательского изображения, отображаемого для сворачиваемых узлов. Значение по умолчанию — пустая строка (""), которая отображает изображение по умолчанию — знак минус (-).

Примеры

В следующем примере кода показано, как использовать CollapseImageUrl свойство для указания пользовательского изображения для индикатора свертываемого узла. Чтобы в примере кода отображалось и отображалось изображение в элементе управления, необходимо указать собственное изображение, а ImageSet свойство должно иметь значение TreeNodeImageSet.Custom.


<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
  <head runat="server">
    <title>TreeView Custom Images Example</title>
</head>
<body>
    <form id="form1" runat="server">
    
      <h3>TreeView Custom Images Example</h3>
      
      <!-- Set the custom images of this TreeView control -->
      <!-- declaratively.                                 -->
      <asp:TreeView id="CustomTreeView"
        NoExpandImageUrl="Space.jpg"
        CollapseImageUrl="Minus.jpg"
        CollapseImageToolTip="Collapse Node"
        ExpandImageUrl="Plus.jpg"
        ExpandImageToolTip="Expand Node"
        RootNodeStyle-ImageUrl="Root.jpg"
        ParentNodeStyle-ImageUrl="Parent.jpg"
        LeafNodeStyle-ImageUrl="Leaf.jpg" 
        ImageSet="Custom"
        runat="server">
         
        <Nodes>
        
          <asp:TreeNode Value="Home" 
            NavigateUrl="Home.aspx" 
            Text="Home"
            Target="_blank" 
            Expanded="True">
             
            <asp:TreeNode Value="Page 1" 
              NavigateUrl="Page1.aspx" 
              Text="Page 1"
              Target="_blank">
                 
              <asp:TreeNode Value="Section 1"
                ImageUrl="custom.jpg" 
                NavigateUrl="Section1.aspx" 
                Text="Section 1"
                Target="_blank">
              </asp:TreeNode>
                
            </asp:TreeNode>
            
            <asp:TreeNode Value="Page 2" 
              Selected="True" 
              NavigateUrl="Page2.aspx"
              Text="Page 2"
              Target="_blank">
            </asp:TreeNode>
            
          </asp:TreeNode>
        
        </Nodes>
        
      </asp:TreeView> 
       

    </form>
  </body>
</html>


<%@ Page Language="VB" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
  <head runat="server">
    <title>TreeView Custom Images Example</title>
</head>
<body>
    <form id="form1" runat="server">
    
      <h3>TreeView Custom Images Example</h3>
      
      <!-- Set the custom images of this TreeView control -->
      <!-- declaratively.                                 -->
      <asp:TreeView id="CustomTreeView"
        NoExpandImageUrl="Space.jpg"
        CollapseImageUrl="Minus.jpg"
        CollapseImageToolTip="Collapse Node"
        ExpandImageUrl="Plus.jpg"
        ExpandImageToolTip="Expand Node"
        RootNodeStyle-ImageUrl="Root.jpg"
        ParentNodeStyle-ImageUrl="Parent.jpg"
        LeafNodeStyle-ImageUrl="Leaf.jpg" 
        ImageSet="Custom"
        runat="server">
         
        <Nodes>
        
          <asp:TreeNode Value="Home" 
            NavigateUrl="Home.aspx" 
            Text="Home"
            Target="_blank" 
            Expanded="True">
             
            <asp:TreeNode Value="Page 1" 
              NavigateUrl="Page1.aspx" 
              Text="Page 1"
              Target="_blank">
                 
              <asp:TreeNode Value="Section 1"
                ImageUrl="custom.jpg" 
                NavigateUrl="Section1.aspx" 
                Text="Section 1"
                Target="_blank">
              </asp:TreeNode>
                
            </asp:TreeNode>
            
            <asp:TreeNode Value="Page 2" 
              Selected="True" 
              NavigateUrl="Page2.aspx"
              Text="Page 2"
              Target="_blank">
            </asp:TreeNode>
            
          </asp:TreeNode>
        
        </Nodes>
        
      </asp:TreeView> 
       

    </form>
  </body>
</html>

Комментарии

CollapseImageUrl Используйте свойство, чтобы указать пользовательский образ для индикатора свертывого узла. Это изображение отображается рядом с свертываемым узлом и обычно является знаком минуса (-).

ShowExpandCollapse Если для свойства задано значениеtrue, TreeView элемент управления отображает знак плюса (+) или знак минус(-) или изображение заполнителя рядом с узлом, чтобы указать, является ли узел расширяемым, свертым или неразвернимым соответственно. Вы можете указать пользовательские образы, сначала задав ImageSet для свойства TreeViewImageSet.Customзначение , а затем задав NoExpandImageUrlExpandImageUrlсвойства URL-адреса CollapseImageUrl для пользовательских образов. Если изображения не указаны, используются образы по умолчанию. Чтобы скрыть индикаторы узла расширения, задайте ShowExpandCollapse для свойства falseзначение .

Примечание

Чтобы обеспечить правильность выравнивания узлов в TreeView элементе управления при использовании пользовательских изображений, убедитесь, что все изображения, указанные NoExpandImageUrlExpandImageUrlв свойстве, имеют CollapseImageUrl одинаковые размеры.

При использовании пользовательского образа для индикатора свернутого узла также следует задать CollapseImageToolTip свойство, чтобы указать подсказку для изображения.

Значение этого свойства хранится в состоянии представления.

Применяется к

См. также раздел