TreeView.CollapseImageUrl Özellik

  • Başvuru

Tanım

Ad Alanı:
System.Web.UI.WebControls
Bütünleştirilmiş Kod:
System.Web.dll

Daraltılabilir düğüm göstergesi için özel bir görüntünün URL'sini alır veya ayarlar.

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

Özellik Değeri

String

Daraltılabilir düğümler için görüntülenecek özel görüntünün URL'si. Varsayılan, varsayılan eksi işareti (-) görüntüsünü görüntüleyen boş bir dizedir ("").

Örnekler

Aşağıdaki kod örneği daraltılabilir düğüm göstergesi için özel bir görüntü belirtmek üzere özelliğinin nasıl kullanılacağını CollapseImageUrl 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

CollapseImageUrl Daraltılabilir düğüm göstergesi için özel bir görüntü belirtmek için özelliğini kullanın. Bu görüntü daraltılabilir düğümün yanında görüntülenir ve genellikle eksi işaretidir (-).

ShowExpandCollapse özelliği olarak trueTreeView ayarlandığında, denetim sırasıyla bir artı işareti (+) veya eksi işareti (-) ya da düğümün yanında bir yer tutucu görüntü görüntüleyerek düğümün genişletilebilir, daraltılabilir veya genişletilemez olduğunu gösterir. Ö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ı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.

Daraltılabilir 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ı CollapseImageToolTip 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.