Sdílet prostřednictvím

TreeView.ExpandImageUrl Vlastnost

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í obrázek se znaménkem plus (+).

Příklady

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

ExpandImageUrl Pomocí vlastnosti můžete zadat 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, 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 ne rozbalitelný. 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.

Pokud chcete zobrazit vlastní obrázek 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 určení popisu obrázku.

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

Platí pro

Viz také