TreeNodeStyle クラス

定義

TreeView コントロールのノードのスタイルを表します。

public ref class TreeNodeStyle sealed : System::Web::UI::WebControls::Style
public sealed class TreeNodeStyle : System.Web.UI.WebControls.Style
type TreeNodeStyle = class
    inherit Style
Public NotInheritable Class TreeNodeStyle
Inherits Style
継承

次のコード例は、プロパティから返されるオブジェクトのスタイル プロパティを設定して、コントロール内 TreeView の親ノードの TreeNodeStyle 外観を制御する方法を ParentNodeStyle 示しています。


<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">

  void HorizontalPadding_Changed(Object sender, EventArgs e)
  {

    // Programmatically set the HorizontalPadding property based on the 
    // user's selection.
    ItemsTreeView.ParentNodeStyle.HorizontalPadding = Convert.ToInt32(HorizontalPaddingList.SelectedItem.Text);

  }

  void VerticalPadding_Changed(Object sender, EventArgs e)
  {

    // Programmatically set the VerticalPadding property based on the 
    // user's selection.
    ItemsTreeView.ParentNodeStyle.VerticalPadding = Convert.ToInt32(VerticalPaddingList.SelectedItem.Text);

  }

  void NodeSpacing_Changed(Object sender, EventArgs e)
  {

    // Programmatically set the NodeSpacing property based on the 
    // user's selection.
    ItemsTreeView.ParentNodeStyle.NodeSpacing = Convert.ToInt32(NodeSpacingList.SelectedItem.Text);

  }

  void ChildNodePadding_Changed(Object sender, EventArgs e)
  {

    // Programmatically set the ChildNodesPadding property based on the 
    // user's selection.
    ItemsTreeView.ParentNodeStyle.ChildNodesPadding = Convert.ToInt32(ChildNodesPaddingList.SelectedItem.Text);

  }

</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
  <head runat="server">
    <title>TreeNodeStyle Example</title>
</head>
<body>  
    <form id="form1" runat="server">
    
      <h3>TreeNodeStyle Example</h3>
      
      <!-- Set the styles for the leaf nodes declaratively. -->
      <asp:TreeView id="ItemsTreeView"
        Font-Names= "Arial"
        ForeColor="Blue"
        ParentNodeStyle-ForeColor="Green"
        ParentNodeStyle-HorizontalPadding="5" 
        ParentNodeStyle-VerticalPadding="5"  
        ParentNodeStyle-NodeSpacing="5"
        ParentNodeStyle-ChildNodesPadding="5"
        ExpandDepth="4"  
        runat="server">
         
        <Nodes>
        
          <asp:TreeNode Text="Table of Contents"
            SelectAction="None">
             
            <asp:TreeNode Text="Chapter One">
            
              <asp:TreeNode Text="Section 1.0">
              
                <asp:TreeNode Text="Topic 1.0.1"/>
                <asp:TreeNode Text="Topic 1.0.2"/>
                <asp:TreeNode Text="Topic 1.0.3"/>
              
              </asp:TreeNode>
              
              <asp:TreeNode Text="Section 1.1">
              
                <asp:TreeNode Text="Topic 1.1.1"/>
                <asp:TreeNode Text="Topic 1.1.2"/>
                <asp:TreeNode Text="Topic 1.1.3"/>
                <asp:TreeNode Text="Topic 1.1.4"/>
              
              </asp:TreeNode>
            
            </asp:TreeNode>
            
          </asp:TreeNode>
        
        </Nodes>
        
      </asp:TreeView>
      
      <hr />
      
      <h5>Select the style settings for the parent nodes.</h5>
      
      <table cellpadding="5">
      
        <tr align="right">
        
          <td>
          
            Horizontal Padding:
          
            <asp:DropDownList id="HorizontalPaddingList"
              AutoPostBack="true"
              OnSelectedIndexChanged="HorizontalPadding_Changed" 
              runat="server">
              
              <asp:ListItem>0</asp:ListItem>
              <asp:ListItem Selected="true">5</asp:ListItem>
              <asp:ListItem>10</asp:ListItem>
              
            </asp:DropDownList> 
          
          </td>
          
          <td>
          
            Vertical Padding:
          
            <asp:DropDownList id="VerticalPaddingList"
              AutoPostBack="true"
              OnSelectedIndexChanged="VerticalPadding_Changed" 
              runat="server">
              
              <asp:ListItem>0</asp:ListItem>
              <asp:ListItem Selected="true">5</asp:ListItem>
              <asp:ListItem>10</asp:ListItem>
              
            </asp:DropDownList> 
          
          </td>
          
        </tr>
        
        <tr align="right">
        
          <td>
          
            Node Spacing:
          
            <asp:DropDownList id="NodeSpacingList"
              AutoPostBack="true"
              OnSelectedIndexChanged="NodeSpacing_Changed"   
              runat="server">
              
              <asp:ListItem>0</asp:ListItem>
              <asp:ListItem Selected="true">5</asp:ListItem>
              <asp:ListItem>10</asp:ListItem>
              
            </asp:DropDownList> 
          
          </td>
          
          <td>
          
            Child Nodes Padding:
          
            <asp:DropDownList id="ChildNodesPaddingList"
              AutoPostBack="true"
              OnSelectedIndexChanged="ChildNodePadding_Changed"  
              runat="server">
              
              <asp:ListItem>0</asp:ListItem>
              <asp:ListItem Selected="true">5</asp:ListItem>
              <asp:ListItem>10</asp:ListItem>
              
            </asp:DropDownList> 
          
          </td>
        
        </tr>
      
      </table>
       
    </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">
<script runat="server">

  Sub HorizontalPadding_Changed(ByVal sender As Object, ByVal e As EventArgs)

    ' Programmatically set the HorizontalPadding property based on the 
    ' user's selection.
    ItemsTreeView.ParentNodeStyle.HorizontalPadding = Convert.ToInt32(HorizontalPaddingList.SelectedItem.Text)

  End Sub

  Sub VerticalPadding_Changed(ByVal sender As Object, ByVal e As EventArgs)

    ' Programmatically set the VerticalPadding property based on the 
    ' user's selection.
    ItemsTreeView.ParentNodeStyle.VerticalPadding = Convert.ToInt32(VerticalPaddingList.SelectedItem.Text)

  End Sub

  Sub NodeSpacing_Changed(ByVal sender As Object, ByVal e As EventArgs)

    ' Programmatically set the NodeSpacing property based on the 
    ' user's selection.
    ItemsTreeView.ParentNodeStyle.NodeSpacing = Convert.ToInt32(NodeSpacingList.SelectedItem.Text)

  End Sub

  Sub ChildNodePadding_Changed(ByVal sender As Object, ByVal e As EventArgs)

    ' Programmatically set the ChildNodesPadding property based on the 
    ' user's selection.
    ItemsTreeView.ParentNodeStyle.ChildNodesPadding = Convert.ToInt32(ChildNodesPaddingList.SelectedItem.Text)

  End Sub

</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
  <head runat="server">
    <title>TreeNodeStyle Example</title>
</head>
<body>  
    <form id="form1" runat="server">
    
      <h3>TreeNodeStyle Example</h3>
      
      <!-- Set the styles for the leaf nodes declaratively. -->
      <asp:TreeView id="ItemsTreeView"
        Font-Names= "Arial"
        ForeColor="Blue"
        ParentNodeStyle-ForeColor="Green"
        ParentNodeStyle-HorizontalPadding="5" 
        ParentNodeStyle-VerticalPadding="5"  
        ParentNodeStyle-NodeSpacing="5"
        ParentNodeStyle-ChildNodesPadding="5"
        ExpandDepth="4"  
        runat="server">
         
        <Nodes>
        
          <asp:TreeNode Text="Table of Contents"
            SelectAction="None">
             
            <asp:TreeNode Text="Chapter One">
            
              <asp:TreeNode Text="Section 1.0">
              
                <asp:TreeNode Text="Topic 1.0.1"/>
                <asp:TreeNode Text="Topic 1.0.2"/>
                <asp:TreeNode Text="Topic 1.0.3"/>
              
              </asp:TreeNode>
              
              <asp:TreeNode Text="Section 1.1">
              
                <asp:TreeNode Text="Topic 1.1.1"/>
                <asp:TreeNode Text="Topic 1.1.2"/>
                <asp:TreeNode Text="Topic 1.1.3"/>
                <asp:TreeNode Text="Topic 1.1.4"/>
              
              </asp:TreeNode>
            
            </asp:TreeNode>
            
          </asp:TreeNode>
        
        </Nodes>
        
      </asp:TreeView>
      
      <hr />
      
      <h5>Select the style settings for the parent nodes.</h5>
      
      <table cellpadding="5">
      
        <tr align="right">
        
          <td>
          
            Horizontal Padding:
          
            <asp:DropDownList id="HorizontalPaddingList"
              AutoPostBack="true"
              OnSelectedIndexChanged="HorizontalPadding_Changed" 
              runat="server">
              
              <asp:ListItem>0</asp:ListItem>
              <asp:ListItem Selected="true">5</asp:ListItem>
              <asp:ListItem>10</asp:ListItem>
              
            </asp:DropDownList> 
          
          </td>
          
          <td>
          
            Vertical Padding:
          
            <asp:DropDownList id="VerticalPaddingList"
              AutoPostBack="true"
              OnSelectedIndexChanged="VerticalPadding_Changed" 
              runat="server">
              
              <asp:ListItem>0</asp:ListItem>
              <asp:ListItem Selected="true">5</asp:ListItem>
              <asp:ListItem>10</asp:ListItem>
              
            </asp:DropDownList> 
          
          </td>
          
        </tr>
        
        <tr align="right">
        
          <td>
          
            Node Spacing:
          
            <asp:DropDownList id="NodeSpacingList"
              AutoPostBack="true"
              OnSelectedIndexChanged="NodeSpacing_Changed"   
              runat="server">
              
              <asp:ListItem>0</asp:ListItem>
              <asp:ListItem Selected="true">5</asp:ListItem>
              <asp:ListItem>10</asp:ListItem>
              
            </asp:DropDownList> 
          
          </td>
          
          <td>
          
            Child Nodes Padding:
          
            <asp:DropDownList id="ChildNodesPaddingList"
              AutoPostBack="true"
              OnSelectedIndexChanged="ChildNodePadding_Changed"  
              runat="server">
              
              <asp:ListItem>0</asp:ListItem>
              <asp:ListItem Selected="true">5</asp:ListItem>
              <asp:ListItem>10</asp:ListItem>
              
            </asp:DropDownList> 
          
          </td>
        
        </tr>
      
      </table>
       
    </form>
  </body>
</html>

注釈

このクラスを TreeNodeStyle 使用して、コントロール内のノードのスタイルを TreeView 表します。 コントロール TreeView を使用すると、ノードの種類ごとに異なるスタイル特性 (フォント サイズや色など) を指定できます。

次の表に、クラスでサポートされているノード スタイルの一覧を示 TreeNodeStyle します。

ノード スタイル プロパティ [説明]
HoverNodeStyle ノードの上にマウス ポインターが配置されている場合のスタイル設定。
LeafNodeStyle リーフ ノードのスタイル設定。
NodeStyle ノードの既定のスタイル設定。
ParentNodeStyle 親ノードのスタイル設定。
RootNodeStyle ルート ノードのスタイル設定。
SelectedNodeStyle 選択したノードのスタイル設定。

コントロールのノード スタイル プロパティを TreeView 設定すると、次の順序で適用されます。

  1. NodeStyle.

  2. RootNodeStyleParentNodeStyleまたは LeafNodeStyle、ノードの種類に応じて異なります。

  3. LevelStyles.

  4. SelectedNodeStyle.

  5. HoverNodeStyle.

クラスは TreeNodeStyle 、そのほとんどのメンバーをクラスから Style 継承します。 これは、ノード内の Style テキストの周囲の領域の量と、隣接するノード間のスペースを制御するプロパティを提供することで、クラスを拡張します。 このプロパティを HorizontalPadding 使用して、ノード内のテキストの左右への領域の量を制御します。 同様に、このプロパティは VerticalPadding 、ノード内のテキストの上下の領域の量を制御します。 プロパティを設定することで、適用される TreeNodeStyle ノードと隣接するノードの間隔を NodeSpacing 制御できます。 親ノードと子ノードの間隔を制御するには、プロパティを ChildNodesPadding 使用します。

継承されたスタイル設定の詳細については、次を参照してください Style

コンストラクター

TreeNodeStyle()

TreeNodeStyle クラスの新しいインスタンスを初期化します。

TreeNodeStyle(StateBag)

TreeNodeStyle オブジェクトの情報を指定して、StateBag クラスの新しいインスタンスを初期化します。

プロパティ

BackColor

Web サーバー コントロールの背景色を取得または設定します。

(継承元 Style)
BorderColor

Web サーバー コントロールの境界線の色を取得または設定します。

(継承元 Style)
BorderStyle

Web サーバー コントロールの境界線スタイルを取得または設定します。

(継承元 Style)
BorderWidth

Web サーバー コントロールの境界線の幅を取得または設定します。

(継承元 Style)
CanRaiseEvents

コンポーネントがイベントを発生させることがきるかどうかを示す値を取得します。

(継承元 Component)
ChildNodesPadding

TreeNodeStyle クラスの適用対象となる親ノードと子ノードの間隔を取得または設定します。

Container

IContainer を含む Component を取得します。

(継承元 Component)
CssClass

クライアントで Web サーバー コントロールによって表示されるカスケード スタイル シート (CSS: Cascading Style Sheet) クラスを取得または設定します。

(継承元 Style)
DesignMode

Component が現在デザイン モードかどうかを示す値を取得します。

(継承元 Component)
Events

Component に結び付けられているイベント ハンドラーのリストを取得します。

(継承元 Component)
Font

Web サーバー コントロールに関連付けられたフォント プロパティを取得します。

(継承元 Style)
ForeColor

Web サーバー コントロールの前景色 (通常はテキストの色) を取得または設定します。

(継承元 Style)
Height

Web サーバー コントロールの高さを取得または設定します。

(継承元 Style)
HorizontalPadding

ノードのテキストの左右にある余白のサイズを取得または設定します。

ImageUrl

ノードの隣に表示されるイメージへの URL を取得または設定します。

IsEmpty

保護されているプロパティ。 スタイル要素が状態バッグで定義されているかどうかを示す値を取得します。

(継承元 Style)
IsTrackingViewState

スタイル要素が状態バッグで定義されているかどうかを示す値を返します。

(継承元 Style)
NodeSpacing

TreeNodeStyle オブジェクトの適用対象となるノードとその隣接するノードとの間の垂直方向の間隔を取得または設定します。

RegisteredCssClass

コントロールに登録されているカスケード スタイル シート (CSS) を取得します。

(継承元 Style)
Site

ComponentISite を取得または設定します。

(継承元 Component)
VerticalPadding

ノードのテキストの上下にある余白のサイズを取得または設定します。

ViewState

スタイル要素を保持している状態バックを取得します。

(継承元 Style)
Width

Web サーバー コントロールの幅を取得または設定します。

(継承元 Style)

メソッド

AddAttributesToRender(HtmlTextWriter)

指定した HtmlTextWriter に表示する必要のある HTML 属性およびスタイルを追加します。 このメソッドは、主にコントロールの開発者によって使用されます。

(継承元 Style)
AddAttributesToRender(HtmlTextWriter, WebControl)

指定した HtmlTextWriter と Web サーバー コントロールに、表示する必要のある HTML 属性およびスタイルを追加します。 このメソッドは、主にコントロールの開発者によって使用されます。

(継承元 Style)
CopyFrom(Style)

指定した Style オブジェクトのスタイル プロパティを現在の TreeNodeStyle オブジェクトにコピーします。

CreateObjRef(Type)

リモート オブジェクトとの通信に使用するプロキシの生成に必要な情報をすべて格納しているオブジェクトを作成します。

(継承元 MarshalByRefObject)
Dispose()

Component によって使用されているすべてのリソースを解放します。

(継承元 Component)
Dispose(Boolean)

Component によって使用されているアンマネージド リソースを解放し、オプションでマネージド リソースも解放します。

(継承元 Component)
Equals(Object)

指定されたオブジェクトが現在のオブジェクトと等しいかどうかを判断します。

(継承元 Object)
FillStyleAttributes(CssStyleCollection, IUrlResolutionService)

指定されたオブジェクトのスタイル プロパティを CssStyleCollection オブジェクトに追加します。

(継承元 Style)
GetHashCode()

既定のハッシュ関数として機能します。

(継承元 Object)
GetLifetimeService()
互換性のために残されています。

対象のインスタンスの有効期間ポリシーを制御する、現在の有効期間サービス オブジェクトを取得します。

(継承元 MarshalByRefObject)
GetService(Type)

Component またはその Container で提供されるサービスを表すオブジェクトを返します。

(継承元 Component)
GetStyleAttributes(IUrlResolutionService)

指定された CssStyleCollection 実装オブジェクトの IUrlResolutionService オブジェクトを取得します。

(継承元 Style)
GetType()

現在のインスタンスの Type を取得します。

(継承元 Object)
InitializeLifetimeService()
互換性のために残されています。

このインスタンスの有効期間ポリシーを制御する有効期間サービス オブジェクトを取得します。

(継承元 MarshalByRefObject)
LoadViewState(Object)

以前に保存した状態を読み込みます。

(継承元 Style)
MemberwiseClone()

現在の Object の簡易コピーを作成します。

(継承元 Object)
MemberwiseClone(Boolean)

現在の MarshalByRefObject オブジェクトの簡易コピーを作成します。

(継承元 MarshalByRefObject)
MergeWith(Style)

指定した Style オブジェクトのスタイル プロパティを現在の TreeNodeStyle オブジェクトのスタイル プロパティと結合します。

Reset()

TreeNodeStyle オブジェクトを元の状態に戻します。

SaveViewState()

保護されているメソッド。 TrackViewState() メソッドの呼び出し後に変更された状態をすべて保存します。

(継承元 Style)
SetBit(Int32)

保護されている内部メソッド。 状態バッグに格納されているスタイル プロパティを示す内部ビットマスク フィールドを設定します。

(継承元 Style)
SetDirty()

Style にマークを付けて、その状態がビューステートに記録されるようにします。

(継承元 Style)
ToString()

現在のオブジェクトを表す文字列を返します。

(継承元 Style)
TrackViewState()

保護されているメソッド。 状態変化の追跡の開始位置をコントロールにマークします。 追跡の開始後に加えられた変更はすべて追跡され、コントロールのビューステートの一部として保存されます。

(継承元 Style)

events

Disposed

Dispose() メソッドの呼び出しによってコンポーネントが破棄されるときに発生します。

(継承元 Component)

明示的なインターフェイスの実装

IStateManager.IsTrackingViewState

サーバー コントロールがビューステートの変更を追跡しているかどうかを示す値を取得します。

(継承元 Style)
IStateManager.LoadViewState(Object)

以前に保存した状態を読み込みます。

(継承元 Style)
IStateManager.SaveViewState()

状態の変化を示すオブジェクトを返します。

(継承元 Style)
IStateManager.TrackViewState()

状態変化の追跡を開始します。

(継承元 Style)

適用対象

こちらもご覧ください