TreeView.ExpandImageUrl 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 indikátor rozbalitelného uzlu.

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

Hodnota vlastnosti

String

Adresa URL vlastního obrázku, která se má zobrazit pro rozbalitelné uzly. Výchozí hodnota je prázdný řetězec (""), který zobrazuje výchozí znaménko plus (+).

Příklady

Následující příklad kódu ukazuje, jak použít ExpandImageUrl vlastnost k určení vlastní image pro indikátor rozbalitelného 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

ExpandImageUrl Vlastnost slouží k určení vlastní image pro indikátor rozbalitelného uzlu. Tento obrázek se zobrazí vedle rozbalitelného uzlu a obvykle je znaménkem plus (+).

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 chcete vlastní obrázek zobrazit správně, možná budete muset nastavit ShowLines false.

Při použití vlastní image pro indikátor rozbalitelného uzlu byste také měli zvážit nastavení ExpandImageToolTip vlastnosti pro zadání popisu obrázku.

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

Platí pro

Viz také