Sdílet prostřednictvím

TreeView.CollapseImageUrl Vlastnost

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 má zobrazit pro sbalitelné uzly. Výchozí hodnota je prázdný řetězec (""), který zobrazuje výchozí obrázek se znaménkem 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. Aby se v příkladu kódu zobrazil 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 Pomocí vlastnosti zadejte 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, TreeView ovládací prvek zobrazí znaménko plus (+) nebo znaménko minus(-) nebo zástupný obrázek vedle uzlu, který označuje, zda je uzel rozbalitelný, sbalitelný nebo nerozbalitelný. Vlastní image můžete zadat tak, že nejprve ImageSet nastavíte vlastnost na TreeViewImageSet.Customhodnotu a ExpandImageUrlpak nastavíte NoExpandImageUrl, a CollapseImageUrl vlastnosti na adresy URL pro vlastní obrázky. 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:

Chcete-li zajistit správné zarovnání uzlů v ovládacím TreeView prvku při použití vlastních imagí, ujistěte se, že všechny image, které jsou určeny parametrem NoExpandImageUrl, ExpandImageUrla CollapseImageUrl vlastnosti mají stejné rozměry.

Při použití vlastní image pro sbalitelný indikátor uzlu byste také měli zvážit nastavení CollapseImageToolTip vlastnosti pro určení popisu obrázku.

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

Platí pro

Viz také