Aracılığıyla paylaş

TreeView.NodeStyle Özellik

Tanım

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

Denetimdeki düğümlerin TreeNodeStyleTreeView varsayılan görünümünü ayarlamanıza olanak tanıyan nesneye başvuru alır.

public:
 property System::Web::UI::WebControls::TreeNodeStyle ^ NodeStyle { System::Web::UI::WebControls::TreeNodeStyle ^ get(); };
[System.Web.UI.PersistenceMode(System.Web.UI.PersistenceMode.InnerProperty)]
public System.Web.UI.WebControls.TreeNodeStyle NodeStyle { get; }
[<System.Web.UI.PersistenceMode(System.Web.UI.PersistenceMode.InnerProperty)>]
member this.NodeStyle : System.Web.UI.WebControls.TreeNodeStyle
Public ReadOnly Property NodeStyle As TreeNodeStyle

Özellik Değeri

TreeNodeStyle

Bir düğümün TreeNodeStyle varsayılan stilini temsil eden öğesine başvuru.

Öznitelikler
PersistenceModeAttribute

Örnekler

Aşağıdaki kod örneği, denetimdeki NodeStyle düğümlerin TreeView görünümünü denetlemek için özelliğinin nasıl kullanılacağını gösterir.


<%@ 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 NodeStyle Example</title>
</head>
<body>
    <form id="form1" runat="server">
    
      <h3>TreeView NodeStyle Example</h3>
      
      <!-- Declaratively set the NodeStyle settings. --> 
      <asp:TreeView id="LinksTreeView"
        NodeStyle-ForeColor="Green"
        NodeStyle-VerticalPadding="0"  
        runat="server">
         
        <Nodes>
        
          <asp:TreeNode Value="Home" 
            NavigateUrl="Home.aspx" 
            Text="Home"
            Target="Content" 
            Expanded="True">
             
            <asp:TreeNode Value="Page 1" 
              NavigateUrl="Page1.aspx" 
              Text="Page1"
              Target="Content">
               
              <asp:TreeNode Value="Section 1" 
                NavigateUrl="Section1.aspx" 
                Text="Section 1"
                Target="Content"/>
                 
            </asp:TreeNode>              
            
            <asp:TreeNode Value="Page 2" 
              NavigateUrl="Page2.aspx"
              Text="Page 2"
              Target="Content">
               
            </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 NodeStyle Example</title>
</head>
<body>
    <form id="form1" runat="server">
    
      <h3>TreeView NodeStyle Example</h3>
      
      <!-- Declaratively set the NodeStyle settings. --> 
      <asp:TreeView id="LinksTreeView"
        NodeStyle-ForeColor="Green"
        NodeStyle-VerticalPadding="0"  
        runat="server">
         
        <Nodes>
        
          <asp:TreeNode Value="Home" 
            NavigateUrl="Home.aspx" 
            Text="Home"
            Target="Content" 
            Expanded="True">
             
            <asp:TreeNode Value="Page 1" 
              NavigateUrl="Page1.aspx" 
              Text="Page1"
              Target="Content">
               
              <asp:TreeNode Value="Section 1" 
                NavigateUrl="Section1.aspx" 
                Text="Section 1"
                Target="Content"/>
                 
            </asp:TreeNode>              
            
            <asp:TreeNode Value="Page 2" 
              NavigateUrl="Page2.aspx"
              Text="Page 2"
              Target="Content">
               
            </asp:TreeNode> 
            
          </asp:TreeNode>
        
        </Nodes>
        
      </asp:TreeView>

    </form>
  </body>
</html>

Açıklamalar

Denetiminde NodeStyle bir düğümün TreeView varsayılan görünümünü denetlemek için özelliğini kullanın. Bu özellik salt okunurdur; ancak, döndürdüğü nesnenin TreeNodeStyle özelliklerini ayarlayabilirsiniz. Özellikler biçiminde Property-Subpropertybildirimli olarak ayarlanabilir; burada Subproperty nesnenin TreeNodeStyle bir özelliğidir (örneğin, NodeStyle-ForeColor). Özellikler, formda Property.Subproperty program aracılığıyla da ayarlanabilir (örneğin, NodeStyle.ForeColor). Genel ayarlar genellikle özel bir arka plan rengi, ön plan rengi, yazı tipi özellikleri ve düğüm aralığı içerir. Stil özellikleri aşağıdaki öncelik sırasına göre uygulanır:

  1. NodeStyle.

  2. RootNodeStyle, ParentNodeStyleveya LeafNodeStyledüğüm türüne bağlı olarak . LevelStyles Koleksiyon tanımlanmışsa, diğer düğüm stili özellikleri geçersiz kılınarak şu anda uygulanır.

  3. SelectedNodeStyle.

  4. HoverNodeStyle.

Uyarı

, veya özelliklerindeki RootNodeStyleilgili düğüm stili ayarları özelliğin NodeStyle stil ayarlarını geçersiz LeafNodeStyle kılar. ParentNodeStyle

Alt düğümleri olup olmadığına bakılmaksızın belirli bir düzeydeki düğümlerin aynı görünüme sahip olması gereken içindekiler tablosu stilinde gezinti menüleri oluşturmanız gerekiyorsa, tek tek stil özelliklerini ayarlamak yerine özelliğini kullanmayı LevelStyles düşünebilirsiniz.

Şunlara uygulanır

Ayrıca bkz.