TreeView.NodeStyle Özellik

  • Başvuru

Tanım

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

Denetimdeki düğümlerin TreeNodeStyle TreeView varsayılan görünümünü ayarlamanıza olanak tanıyan bir nesne başvurusu 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

Denetimdeki 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 bildirimli olarak Property-Subpropertyayarlanabilir; 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ığıdır. 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.

Not

, veya özelliklerindeki RootNodeStyleilgili düğüm stili ayarları özelliğin stil ayarlarını NodeStyle 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 stili gezinti menüleri tablosu oluşturmanız gerekiyorsa, tek tek stil özelliklerini ayarlamak yerine özelliğini kullanmayı LevelStyles düşünebilirsiniz.

Şunlara uygulanır

Ayrıca bkz.