TreeView.HoverNodeStyle プロパティ

定義

マウス ポインターが上に置かれているときのノードの外観を設定できる、TreeNodeStyle オブジェクトへの参照を取得します。Gets a reference to the TreeNodeStyle object that allows you to set the appearance of a node when the mouse pointer is positioned over it.

public:
 property System::Web::UI::WebControls::Style ^ HoverNodeStyle { System::Web::UI::WebControls::Style ^ get(); };
[System.Web.UI.PersistenceMode(System.Web.UI.PersistenceMode.InnerProperty)]
public System.Web.UI.WebControls.Style HoverNodeStyle { get; }
member this.HoverNodeStyle : System.Web.UI.WebControls.Style
Public ReadOnly Property HoverNodeStyle As Style

プロパティ値

マウス ポインターが上に置かれているときのノードのスタイルを表す TreeNodeStyle への参照。A reference to the TreeNodeStyle that represents the style of a node when the mouse pointer is positioned over it.

属性

次のコード例は、 HoverNodeStyleプロパティを使用して、マウスポインターが上に置かれているときのノードの外観を制御する方法を示しています。The following code example demonstrates how to use the HoverNodeStyle property to control the appearance of a node when the mouse pointer is positioned over it. この例を使用するには、 <head> runat="server"属性を持つ要素を含める必要があります。For this example to work, you must include a <head> element with a runat="server" attribute.


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

  <!-- The HoverNodeStyle property needs this head element to work. -->
  <head runat="server">
    <title>TreeView HoverNodeStyle Example</title>
</head>

  <body>
    <form id="form1" runat="server">
    
      <h3>TreeView HoverNodeStyle Example</h3>
      
      <!-- Declaratively set the HoverNodeStyle settings. --> 
      <asp:TreeView id="LinksTreeView"
        HoverNodeStyle-ForeColor="Green"
        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" >

  <!-- The HoverNodeStyle property needs this head element to work. -->
  <head runat="server">
    <title>TreeView HoverNodeStyle Example</title>
</head>

  <body>
    <form id="form1" runat="server">
    
      <h3>TreeView HoverNodeStyle Example</h3>
      
      <!-- Declaratively set the HoverNodeStyle settings. --> 
      <asp:TreeView id="LinksTreeView"
        HoverNodeStyle-ForeColor="Green"
        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>

注釈

HoverNodeStyleプロパティを使用して、マウスポインターが上に置かれているときのノードの外観を制御します。Use the HoverNodeStyle property to control the appearance of a node when the mouse pointer is positioned over it. このプロパティは読み取り専用です。ただし、返されるTreeNodeStyleオブジェクトのプロパティを設定できます。This property is read-only; however, you can set the properties of the TreeNodeStyle object that it returns. プロパティは、 Property-Subpropertyフォームで宣言によって設定できます。ここSubpropertyで、 TreeNodeStyleはオブジェクトのプロパティ ( HoverNodeStyle-ForeColorなど) です。The properties can be set declaratively in the form Property-Subproperty, where Subproperty is a property of the TreeNodeStyle object (for example, HoverNodeStyle-ForeColor). プロパティは、フォームProperty.Subpropertyでプログラムを使用して設定することもできます (たとえば、 HoverNodeStyle.ForeColor)。The properties can also be set programmatically in the form Property.Subproperty (for example, HoverNodeStyle.ForeColor). この機能は、スクリプト対応のクライアントでのみサポートされています。This feature is supported only on script-capable clients.

注意

HoverNodeStyleプロパティを使用するには、 runat="server"属性を<head>持つ要素を含める必要があります。To use the HoverNodeStyle property, you must include a <head> element with a runat="server" attribute.

一般的な設定には、カスタムの背景色、前景色、フォントプロパティ、およびノード間隔が含まれます。Common settings usually include a custom background color, foreground color, font properties, and node spacing. スタイルのプロパティは、次の順序で適用されます。Style properties are applied in the following order:

  1. NodeStyleNodeStyle.

  2. RootNodeStyleノードの種類LeafNodeStyleに応じて、、 、または。ParentNodeStyleRootNodeStyle, ParentNodeStyle, or LeafNodeStyle, depending on the node type. LevelStylesコレクションが定義されている場合は、この時点で適用され、他のノードスタイルプロパティはオーバーライドされます。If the LevelStyles collection is defined, it is applied at this time, overriding the other node style properties.

  3. SelectedNodeStyleSelectedNodeStyle.

  4. HoverNodeStyleHoverNodeStyle.

注意

HoverNodeStyleプロパティのスタイル設定はNodeStyleRootNodeStyle LeafNodeStyle、、 SelectedNodeStyle 、、またはプロパティにある、対応するすべてのノードスタイル設定よりも優先されます。 ParentNodeStyleThe style settings for the HoverNodeStyle property override any corresponding node style settings that are in the NodeStyle, RootNodeStyle, ParentNodeStyle, LeafNodeStyle, or SelectedNodeStyle property.

プロパティHoverNodeStyleがにSelectAction 設定されているノードでは、プロパティはレンダリングさTreeNodeSelectAction.Noneれません。The HoverNodeStyle property is not rendered for a node with its SelectAction property set to TreeNodeSelectAction.None.

TreeNodeStyle StyleオブジェクトであるLeafNodeStyleおよびプロパティとは異なり、プロパティはオブジェクトです。HoverNodeStyle ParentNodeStyleUnlike the ParentNodeStyle and the LeafNodeStyle properties, which are TreeNodeStyle objects, the HoverNodeStyle property is a Style object.

適用対象

こちらもご覧ください