TreeNodeStyle クラス

定義

TreeView コントロールのノードのスタイルを表します。Represents the style of a node in the TreeView control.

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 ParentNodeStyleプロパティから返されるTreeNodeStyleオブジェクトのスタイルプロパティを設定することによって、コントロールの親ノードの外観を制御する方法を示しています。The following code example demonstrates how to control the appearance of the parent nodes in the TreeView control by setting the style properties of the TreeNodeStyle object that is returned from the ParentNodeStyle property.


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

注釈

クラスを使用して、 TreeViewコントロールのノードのスタイルを表します。 TreeNodeStyleUse the TreeNodeStyle class to represent the style of a node in the TreeView control. コントロールTreeViewでは、さまざまな種類のノードに対して異なるスタイル特性 (フォントサイズや色など) を指定できます。The TreeView control allows you to specify different style characteristics (such as font size and color) for each of the different node types.

次の表に、 TreeNodeStyleクラスでサポートされているノードスタイルを示します。The following table lists the node styles that are supported by the TreeNodeStyle class.

"ノードスタイル" プロパティNode style property 説明Description
HoverNodeStyle マウスポインターが上に置かれているときのノードのスタイル設定。The style settings for a node when the mouse pointer is positioned over it.
LeafNodeStyle リーフノードのスタイル設定。The style settings for the leaf nodes.
NodeStyle ノードの既定のスタイル設定。The default style settings for a node.
ParentNodeStyle 親ノードのスタイル設定。The style settings for the parent nodes.
RootNodeStyle ルートノードのスタイル設定。The style settings for the root node.
SelectedNodeStyle 選択されたノードのスタイル設定。The style settings for a selected node.

TreeViewコントロールのノードスタイルのプロパティを設定すると、次の順序で適用されます。When you set the node style properties of the TreeView control, they are applied in the following order:

  1. NodeStyleNodeStyle.

  2. RootNodeStyleノードの種類LeafNodeStyleに応じて、、 、または。ParentNodeStyleRootNodeStyle, ParentNodeStyle, or LeafNodeStyle, depending on the node type.

  3. LevelStylesLevelStyles.

  4. SelectedNodeStyle.SelectedNodeStyle.

  5. HoverNodeStyleHoverNodeStyle.

クラスTreeNodeStyleは、 Styleクラスからそのほとんどのメンバーを継承します。The TreeNodeStyle class inherits most of its members from the Style class. ノード内のStyleテキストの周囲の領域を制御するプロパティ、および隣接するノード間のスペースを指定することで、クラスを拡張します。It extends the Style class by providing properties that control the amount of space around the text in a node, as well as the space between adjacent nodes. ノードのHorizontalPaddingテキストの左右の余白を制御するには、プロパティを使用します。Use the HorizontalPadding property to control the amount of space to the left and right of the text in a node. 同様に、 VerticalPaddingプロパティは、ノード内のテキストの上下の余白サイズを制御します。Similarly, the VerticalPadding property controls the amount of space above and below the text in a node. プロパティNodeSpacingを設定することにより、 TreeNodeStyleが適用されるノードと隣接するノードの間の間隔を制御できます。You can control the amount of spacing between the node that the TreeNodeStyle is applied to and its adjacent nodes by setting the NodeSpacing property. 親ノードと子ノードの間隔のサイズを制御するには、 ChildNodesPaddingプロパティを使用します。To control the amount of spacing between a parent node and a child node, use the ChildNodesPadding property.

継承されたスタイル設定の詳細についStyleては、「」を参照してください。For more information about the inherited style settings, see Style.

コンストラクター

TreeNodeStyle()

TreeNodeStyle クラスの新しいインスタンスを初期化します。Initializes a new instance of the TreeNodeStyle class.

TreeNodeStyle(StateBag)

TreeNodeStyle オブジェクトの情報を指定して、StateBag クラスの新しいインスタンスを初期化します。Initializes a new instance of the TreeNodeStyle class with the specified StateBag object information.

プロパティ

BackColor

Web サーバー コントロールの背景色を取得または設定します。Gets or sets the background color of the Web server control.

(継承元 Style)
BorderColor

Web サーバー コントロールの境界線の色を取得または設定します。Gets or sets the border color of the Web server control.

(継承元 Style)
BorderStyle

Web サーバー コントロールの境界線スタイルを取得または設定します。Gets or sets the border style of the Web server control.

(継承元 Style)
BorderWidth

Web サーバー コントロールの境界線の幅を取得または設定します。Gets or sets the border width of the Web server control.

(継承元 Style)
CanRaiseEvents

コンポーネントがイベントを発生させることがきるかどうかを示す値を取得します。Gets a value indicating whether the component can raise an event.

(継承元 Component)
ChildNodesPadding

TreeNodeStyle クラスの適用対象となる親ノードと子ノードの間隔を取得または設定します。Gets or sets the amount of space between a parent node and a child node to which the TreeNodeStyle class is applied.

Container

IContainer を格納している Component を取得します。Gets the IContainer that contains the Component.

(継承元 Component)
CssClass

クライアントで Web サーバー コントロールによって表示されるカスケード スタイル シート (CSS: Cascading Style Sheet) クラスを取得または設定します。Gets or sets the cascading style sheet (CSS) class rendered by the Web server control on the client.

(継承元 Style)
DesignMode

Component が現在デザイン モードかどうかを示す値を取得します。Gets a value that indicates whether the Component is currently in design mode.

(継承元 Component)
Events

Component に結び付けられているイベント ハンドラーのリストを取得します。Gets the list of event handlers that are attached to this Component.

(継承元 Component)
Font

Web サーバー コントロールに関連付けられたフォント プロパティを取得します。Gets the font properties associated with the Web server control.

(継承元 Style)
ForeColor

Web サーバー コントロールの前景色 (通常はテキストの色) を取得または設定します。Gets or sets the foreground color (typically the color of the text) of the Web server control.

(継承元 Style)
Height

Web サーバー コントロールの高さを取得または設定します。Gets or sets the height of the Web server control.

(継承元 Style)
HorizontalPadding

ノードのテキストの左右にある余白のサイズを取得または設定します。Gets or sets the amount of space to the left and right of the text in the node.

ImageUrl

ノードの隣に表示されるイメージへの URL を取得または設定します。Gets or sets the URL to an image that is displayed next to the node.

IsEmpty

保護されているプロパティ。A protected property. スタイル要素が状態バッグで定義されているかどうかを示す値を取得します。Gets a value indicating whether any style elements have been defined in the state bag.

(継承元 Style)
IsTrackingViewState

スタイル要素が状態バッグで定義されているかどうかを示す値を返します。Returns a value indicating whether any style elements have been defined in the state bag.

(継承元 Style)
NodeSpacing

TreeNodeStyle オブジェクトの適用対象となるノードとその隣接するノードとの間の垂直方向の間隔を取得または設定します。Gets or sets the amount of vertical spacing between the node to which the TreeNodeStyle object is applied and its adjacent nodes.

RegisteredCssClass

コントロールに登録されているカスケード スタイル シート (CSS) を取得します。Gets the cascading style sheet (CSS) class that is registered with the control.

(継承元 Style)
Site

ComponentISite を取得または設定します。Gets or sets the ISite of the Component.

(継承元 Component)
VerticalPadding

ノードのテキストの上下にある余白のサイズを取得または設定します。Gets or sets the amount of space above and below the text for a node.

ViewState

スタイル要素を保持している状態バックを取得します。Gets the state bag that holds the style elements.

(継承元 Style)
Width

Web サーバー コントロールの幅を取得または設定します。Gets or sets the width of the Web server control.

(継承元 Style)

メソッド

AddAttributesToRender(HtmlTextWriter)

指定した HtmlTextWriter に表示する必要のある HTML 属性およびスタイルを追加します。Adds HTML attributes and styles that need to be rendered to the specified HtmlTextWriter. このメソッドは、主にコントロールの開発者によって使用されます。This method is primarily used by control developers.

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

指定した HtmlTextWriter と Web サーバー コントロールに、表示する必要のある HTML 属性およびスタイルを追加します。Adds HTML attributes and styles that need to be rendered to the specified HtmlTextWriter and Web server control. このメソッドは、主にコントロールの開発者によって使用されます。This method is primarily used by control developers.

(継承元 Style)
CopyFrom(Style)

指定した Style オブジェクトのスタイル プロパティを現在の TreeNodeStyle オブジェクトにコピーします。Copies the style properties of the specified Style object into the current TreeNodeStyle object.

CreateObjRef(Type)

リモート オブジェクトとの通信に使用するプロキシの生成に必要な情報をすべて格納しているオブジェクトを作成します。Creates an object that contains all the relevant information required to generate a proxy used to communicate with a remote object.

(継承元 MarshalByRefObject)
Dispose()

Component によって使用されているすべてのリソースを解放します。Releases all resources used by the Component.

(継承元 Component)
Dispose(Boolean)

Component によって使用されているアンマネージド リソースを解放し、オプションでマネージド リソースも解放します。Releases the unmanaged resources used by the Component and optionally releases the managed resources.

(継承元 Component)
Equals(Object)

指定したオブジェクトが、現在のオブジェクトと等しいかどうかを判断します。Determines whether the specified object is equal to the current object.

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

指定されたオブジェクトのスタイル プロパティを CssStyleCollection オブジェクトに追加します。Adds the specified object's style properties to a CssStyleCollection object.

(継承元 Style)
GetHashCode()

既定のハッシュ関数として機能します。Serves as the default hash function.

(継承元 Object)
GetLifetimeService()

対象のインスタンスの有効期間ポリシーを制御する、現在の有効期間サービス オブジェクトを取得します。Retrieves the current lifetime service object that controls the lifetime policy for this instance.

(継承元 MarshalByRefObject)
GetService(Type)

Component またはその Container で提供されるサービスを表すオブジェクトを返します。Returns an object that represents a service provided by the Component or by its Container.

(継承元 Component)
GetStyleAttributes(IUrlResolutionService)

指定された CssStyleCollection 実装オブジェクトの IUrlResolutionService オブジェクトを取得します。Retrieves the CssStyleCollection object for the specified IUrlResolutionService-implemented object.

(継承元 Style)
GetType()

現在のインスタンスの Type を取得します。Gets the Type of the current instance.

(継承元 Object)
InitializeLifetimeService()

このインスタンスの有効期間ポリシーを制御する有効期間サービス オブジェクトを取得します。Obtains a lifetime service object to control the lifetime policy for this instance.

(継承元 MarshalByRefObject)
LoadViewState(Object)

以前に保存した状態を読み込みます。Loads the previously saved state.

(継承元 Style)
MemberwiseClone()

現在の Object の簡易コピーを作成します。Creates a shallow copy of the current Object.

(継承元 Object)
MemberwiseClone(Boolean)

現在の MarshalByRefObject オブジェクトの簡易コピーを作成します。Creates a shallow copy of the current MarshalByRefObject object.

(継承元 MarshalByRefObject)
MergeWith(Style)

指定した Style オブジェクトのスタイル プロパティを現在の TreeNodeStyle オブジェクトのスタイル プロパティと結合します。Combines the style properties of the specified Style object with the style properties of the current TreeNodeStyle object.

Reset()

TreeNodeStyle オブジェクトを元の状態に戻します。Returns the TreeNodeStyle object to its original state.

SaveViewState()

保護されているメソッド。A protected method. TrackViewState() メソッドの呼び出し後に変更された状態をすべて保存します。Saves any state that has been modified after the TrackViewState() method was invoked.

(継承元 Style)
SetBit(Int32)

保護されている内部メソッド。A protected internal method. 状態バッグに格納されているスタイル プロパティを示す内部ビットマスク フィールドを設定します。Sets an internal bitmask field that indicates the style properties that are stored in the state bag.

(継承元 Style)
SetDirty()

Style にマークを付けて、その状態がビューステートに記録されるようにします。Marks the Style so that its state will be recorded in view state.

(継承元 Style)
ToString()

現在のオブジェクトを表す文字列を返します。Returns a string that represents the current object.

(継承元 Style)
TrackViewState()

保護されているメソッド。A protected method. 状態変化の追跡の開始位置をコントロールにマークします。Marks the beginning for tracking state changes on the control. 追跡の開始後に加えられた変更はすべて追跡され、コントロールのビューステートの一部として保存されます。Any changes made after tracking has begun will be tracked and saved as part of the control view state.

(継承元 Style)

イベント

Disposed

Dispose() メソッドの呼び出しによってコンポーネントが破棄されると発生します。Occurs when the component is disposed by a call to the Dispose() method.

(継承元 Component)

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

IStateManager.IsTrackingViewState

サーバー コントロールがビューステートの変更を追跡しているかどうかを示す値を取得します。Gets a value that indicates whether a server control is tracking its view state changes.

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

以前に保存した状態を読み込みます。Loads the previously saved state.

(継承元 Style)
IStateManager.SaveViewState()

状態の変化を示すオブジェクトを返します。Returns the object containing state changes.

(継承元 Style)
IStateManager.TrackViewState()

状態変化の追跡を開始します。Starts tracking state changes.

(継承元 Style)

適用対象

こちらもご覧ください