TreeView.CollapseImageUrl TreeView.CollapseImageUrl TreeView.CollapseImageUrl TreeView.CollapseImageUrl Property

Definizione

Ottiene o imposta l'URL di un'immagine personalizzata per l'indicatore di nodi comprimibili.Gets or sets the URL to a custom image for the collapsible node indicator.

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

Valore della proprietà

URL di un'immagine personalizzata per visualizzare i nodi comprimibili.The URL to a custom image to display for collapsible nodes. Il valore predefinito è una stringa vuota ("") che visualizza l'immagine predefinita del segno meno (-).The default is an empty string (""), which displays the default minus sign (-) image.

Esempi

Nell'esempio di codice riportato di seguito viene illustrato CollapseImageUrl come utilizzare la proprietà per specificare un'immagine personalizzata per l'indicatore di nodo comprimibile.The following code example demonstrates how to use the CollapseImageUrl property to specify a custom image for the collapsible node indicator. Per visualizzare l'esempio di codice e l'immagine da visualizzare nel controllo, è necessario fornire un'immagine personalizzata e la ImageSet proprietà deve essere impostata su. TreeNodeImageSet.CustomFor the code example to display and the image to appear in the control, you must provide your own image and the ImageSet property must be set to 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>

Commenti

Utilizzare la CollapseImageUrl proprietà per specificare un'immagine personalizzata per l'indicatore del nodo comprimibile.Use the CollapseImageUrl property to specify a custom image for the collapsible node indicator. Questa immagine viene visualizzata accanto a un nodo comprimibile ed è in genere un segno meno (-).This image is displayed next to a collapsible node and is usually a minus sign (-).

Quando la ShowExpandCollapse proprietà è impostata su true, il TreeView controllo Visualizza un segno più (+) o un segno meno (-) o un'immagine segnaposto accanto a un nodo per indicare se il nodo è espandibile, comprimibile o non espandibile, rispettivamente.When the ShowExpandCollapse property is set to true, the TreeView control displays a plus sign (+) or a minus sign(-) or a placeholder image next to a node to indicate whether the node is expandable, collapsible, or non-expandable, respectively. È possibile specificare immagini personalizzate impostando prima la ImageSet proprietà su TreeViewImageSet.Custome quindi impostando le NoExpandImageUrlproprietà ExpandImageUrl, e CollapseImageUrl sugli URL per le immagini personalizzate.You can specify custom images by first setting the ImageSet property to TreeViewImageSet.Custom, and then setting the NoExpandImageUrl, ExpandImageUrl, and CollapseImageUrl properties to the URLs for the custom images. Se non viene specificata alcuna immagine, vengono utilizzate le immagini predefinite.If no images are specified, the default images are used. Per nascondere gli indicatori del nodo di espansione, ShowExpandCollapse impostare la falseproprietà su.To hide the expansion node indicators, set the ShowExpandCollapse property to false.

Nota

TreeView Per assicurarsi che i nodi siano allineati correttamente nel controllo quando si utilizzano immagini personalizzate, assicurarsi che tutte le immagini specificate NoExpandImageUrldalle proprietà ExpandImageUrl, e CollapseImageUrl abbiano le stesse dimensioni.To ensure that nodes align correctly in the TreeView control when using custom images, make sure that all the images that are specified by the NoExpandImageUrl, ExpandImageUrl, and CollapseImageUrl properties have the same dimensions.

Quando si utilizza un'immagine personalizzata per l'indicatore di nodi comprimibili, è consigliabile CollapseImageToolTip impostare anche la proprietà per specificare una descrizione comando per l'immagine.When using a custom image for the collapsible node indicator, you should also consider setting the CollapseImageToolTip property to specify a ToolTip for the image.

Il valore di questa proprietà viene archiviato nello stato di visualizzazione.The value of this property is stored in view state.

Si applica a

Vedi anche