共用方式為

TreeView.NodeStyle 屬性

定義

命名空間:
System.Web.UI.WebControls
組件:
System.Web.dll

它會取得一個物件 TreeNodeStyle 的參考，讓你能設定控制項中 TreeView 節點的預設外觀。

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

屬性值

TreeNodeStyle

參考 的 TreeNodeStyle 代表節點的預設樣式。

屬性
PersistenceModeAttribute

範例

以下程式碼範例示範如何利用該 NodeStyle 屬性來控制控制項中 TreeView 節點的外觀。


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

備註

使用屬性 NodeStyle 來控制控制節點在控制項中的預設外觀 TreeView 。 此屬性為唯讀;不過，你可以設定它回傳的物件屬性 TreeNodeStyle 。 這些性質可以以宣告式 Property-Subproperty的形式設定，其中 Subproperty 是物件的 TreeNodeStyle 性質（例如， NodeStyle-ForeColor）。 這些屬性也可以程式化地以形式 Property.Subproperty 設定（例如， NodeStyle.ForeColor）。 常見設定通常包括自訂背景色、前景色、字型屬性及節點間距。 樣式屬性依優先順序應用：

  1. NodeStyle。

  2. RootNodeStyle， ParentNodeStyle， 或 LeafNodeStyle，視節點類型而定。 若 LevelStyles 定義集合，則在此時套用，覆蓋其他節點樣式屬性。

  3. SelectedNodeStyle。

  4. HoverNodeStyle。

備註

對應節點樣式設定在 RootNodeStyle、 ParentNodeStyle或 LeafNodeStyle 屬性中會覆蓋該屬性的 NodeStyle 樣式設定。

如果你需要產生目錄式的導覽選單，讓某個層級的節點無論是否有子節點都應該呈現相同外觀，你可以考慮使用該 LevelStyles 屬性，而不是設定個別的樣式屬性。

適用於

另請參閱