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. NodeStyle.NodeStyle.

  2. RootNodeStyleParentNodeStyleLeafNodeStyle, 視節點類型而定。RootNodeStyle, ParentNodeStyle, or LeafNodeStyle, depending on the node type.

  3. LevelStyles.LevelStyles.

  4. SelectedNodeStyle.SelectedNodeStyle.

  5. HoverNodeStyle.HoverNodeStyle.

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. 您可以藉由TreeNodeStyle NodeSpacing設定屬性, 來控制套用至的節點與其相鄰節點之間的間距大小。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

取得包含 IContainerComponentGets the IContainer that contains the Component.

(繼承來源 Component)
CssClass

取得或設定用戶端上 Web 伺服器控制項所呈現的階層式樣式表 (CSS)。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

保護的 (Protected) 屬性。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

取得或設定 ComponentISiteGets 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)

將需要呈現的 HTML 屬性和樣式加入至指定的 HtmlTextWriter 中。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)

將需要呈現的 HTML 屬性和樣式加入至指定的 HtmlTextWriter 和 Web 伺服器控制項中。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)

建立包含所有相關資訊的物件,這些資訊是產生用來與遠端物件通訊的所需 Proxy。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 所使用的 Unmanaged 資源,並選擇性地釋放 Managed 資源。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()

擷取控制這個執行個體存留期 (Lifetime) 原則的目前存留期服務物件。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()

取得目前執行個體的 TypeGets 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()

保護的 (Protected) 方法。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()

保護的 (Protected) 方法。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)

適用於

另請參閱