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. RootNodeStyleParentNodeStyle、、または LeafNodeStyleノードの種類に応じて。 コレクションが LevelStyles 定義されている場合は、現時点で適用され、他のノード スタイル プロパティがオーバーライドされます。

  3. SelectedNodeStyle.

  4. HoverNodeStyle.

Note

、、または LeafNodeStyle プロパティのRootNodeStyleParentNodeStyle対応するノード スタイル設定は、 プロパティのスタイル設定をNodeStyleオーバーライドします。

特定のレベルのノードが子ノードを持っているかどうかにかかわらず、同じ外観にする必要がある目次スタイルのナビゲーション メニューを生成する必要がある場合は、個々のスタイル プロパティを設定する代わりに、 プロパティを使用 LevelStyles することを検討してください。

適用対象

こちらもご覧ください