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


TreeView.CollapseImageUrl Свойство

Определение

Возвращает или задает 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

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

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значение , а затем задав NoExpandImageUrlExpandImageUrlCollapseImageUrl свойства URL-адреса для пользовательских образов. Если изображения не указаны, используются образы по умолчанию. Чтобы скрыть индикаторы узла расширения, задайте ShowExpandCollapse для свойства значение false.

Замечание

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

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

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

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

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