Share via

TreeView.CollapseImageUrl Vlastnost

  • Reference

Definice

Obor názvů:
System.Web.UI.WebControls
Sestavení:
System.Web.dll

Získá nebo nastaví adresu URL na vlastní obrázek pro sbalitelný indikátor uzlu.

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

Hodnota vlastnosti

String

Adresa URL vlastního obrázku, která se zobrazí pro sbalitelné uzly. Výchozí hodnota je prázdný řetězec (""), který zobrazuje výchozí znaménko minus (-).

Příklady

Následující příklad kódu ukazuje, jak použít CollapseImageUrl vlastnost k určení vlastní image pro sbalitelný indikátor uzlu. V příkladu kódu, který se má zobrazit, a obrázek, který se má zobrazit v ovládacím prvku, musíte zadat vlastní obrázek a ImageSet vlastnost musí být nastavena na 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>

Poznámky

CollapseImageUrl Vlastnost slouží k určení vlastní image pro sbalitelný indikátor uzlu. Tento obrázek se zobrazí vedle sbalitelného uzlu a obvykle je znaménkem minus (-).

ShowExpandCollapse Pokud je vlastnost nastavena na true, ovládací prvek zobrazí znaménko plus (+) nebo znaménko minus(-) nebo zástupný obrázek vedle uzlu, který označuje, TreeView jestli je uzel rozbalitelný, sbalitelný nebo nerozbalitelný. Vlastní image můžete zadat tak, že nejprve nastavíte ImageSet vlastnost na TreeViewImageSet.Custom, a pak nastavíte ExpandImageUrlNoExpandImageUrl, a CollapseImageUrl vlastnosti na adresy URL pro vlastní image. Pokud nejsou zadány žádné image, použijí se výchozí image. Chcete-li skrýt indikátory rozšiřujícího uzlu, nastavte ShowExpandCollapse vlastnost na false.

Poznámka

Pokud chcete zajistit, aby uzly při použití vlastních imagí správně zarovnaly do TreeView ovládacího prvku, ujistěte se, že všechny image, které jsou zadané parametrem NoExpandImageUrl, ExpandImageUrla CollapseImageUrl vlastnosti mají stejné rozměry.

Pokud pro indikátor sbalitelného uzlu používáte vlastní image, měli byste také zvážit nastavení CollapseImageToolTip vlastnosti pro zadání popisu obrázku.

Hodnota této vlastnosti je uložena ve stavu zobrazení.

Platí pro

Viz také