Aracılığıyla paylaş


TreeView.ExpandImageUrl Özellik

Tanım

Genişletilebilir düğüm göstergesi için URL'yi özel bir görüntüye alır veya ayarlar.

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

Özellik Değeri

Genişletilebilir düğümler için görüntülenecek özel görüntünün URL'si. Varsayılan değer, varsayılan artı işareti (+) görüntüsünü görüntüleyen boş bir dizedir ("").

Örnekler

Aşağıdaki kod örneği, genişletilebilir düğüm göstergesi için özel bir görüntü belirtmek üzere özelliğinin nasıl kullanılacağını ExpandImageUrl gösterir. Kod örneğinin görüntülenmesi ve görüntünün denetimde görünmesi için kendi görüntünüzü sağlamanız ve özelliğinin ImageSet olarak TreeNodeImageSet.Customayarlanması gerekir.


<%@ 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>

Açıklamalar

ExpandImageUrl Genişletilebilir düğüm göstergesi için özel bir görüntü belirtmek üzere özelliğini kullanın. Bu görüntü genişletilebilir bir düğümün yanında görüntülenir ve genellikle artı işaretidir (+).

özelliği olarak trueTreeView ayarlandığında, denetim sırasıyla düğümün ShowExpandCollapse genişletilebilir, daraltılabilir veya genişletilemez olduğunu belirtmek için bir düğümün yanında artı işareti (+) veya eksi işareti (-) veya yer tutucu görüntü görüntüler. Özel görüntüleri belirtmek için önce özelliğini olarak, ImageSet sonra da , ExpandImageUrlve CollapseImageUrl özelliklerini özel görüntülerin URL'lerine ayarlayabilirsinizNoExpandImageUrl.TreeViewImageSet.Custom Hiçbir görüntü belirtilmezse, varsayılan görüntüler kullanılır. Genişletme düğümü göstergelerini gizlemek için özelliğini olarak falseayarlayınShowExpandCollapse.

Not

Özel görüntüler kullanılırken düğümlerin denetimde TreeView doğru hizalandığından emin olmak için , ExpandImageUrlve CollapseImageUrl özellikleri tarafından NoExpandImageUrlbelirtilen tüm görüntülerin aynı boyutlara sahip olduğundan emin olun.

Özel görüntüyü doğru görüntülemek için olarak ayarlamanız ShowLinesfalsegerekebilir.

Genişletilebilir düğüm göstergesi için özel bir görüntü kullanırken, görüntü için bir Araç İpucu belirtmek üzere özelliğini ayarlamayı ExpandImageToolTip da göz önünde bulundurmalısınız.

Bu özelliğin değeri görünüm durumunda depolanır.

Şunlara uygulanır

Ayrıca bkz.