TreeView.HoverNodeStyle プロパティ

定義

マウス ポインターが上に置かれているときのノードの外観を設定できる、TreeNodeStyle オブジェクトへの参照を取得します。

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; }
[<System.Web.UI.PersistenceMode(System.Web.UI.PersistenceMode.InnerProperty)>]
member this.HoverNodeStyle : System.Web.UI.WebControls.Style
Public ReadOnly Property HoverNodeStyle As Style

プロパティ値

Style

マウス ポインターが上に置かれているときのノードのスタイルを表す TreeNodeStyle への参照。

属性

次のコード例では、マウス ポインターをその上に置いたときに、プロパティを使用 HoverNodeStyle してノードの外観を制御する方法を示します。 この例を機能させるには、属性を持つrunat="server"要素を<head>含める必要があります。


<%@ 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 使用して、マウス ポインターがノード上に配置されたときのノードの外観を制御します。 このプロパティは読み取り専用です。ただし、返されるオブジェクトのプロパティを TreeNodeStyle 設定できます。 プロパティは、オブジェクトのプロパティ (たとえばHoverNodeStyle-ForeColor) であるフォームProperty-Subproperty``Subpropertyで宣言的にTreeNodeStyle設定できます。 プロパティは、プログラムでフォームProperty.Subpropertyで設定することもできます (たとえば)。 HoverNodeStyle.ForeColor この機能は、スクリプト対応クライアントでのみサポートされます。

注意

このプロパティをHoverNodeStyle使用するには、属性を持つrunat="server"要素を<head>含める必要があります。

一般的な設定には、通常、カスタムの背景色、前景色、フォント プロパティ、ノード間隔が含まれます。 スタイル プロパティは、次の順序で適用されます。

  1. NodeStyle.

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

  3. SelectedNodeStyle.

  4. HoverNodeStyle.

注意

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

HoverNodeStyleプロパティが設定TreeNodeSelectAction.Noneされているノードに対しては、プロパティはSelectActionレンダリングされません。

ParentNodeStyleオブジェクトであるプロパティとはLeafNodeStyle異なり、TreeNodeStyleHoverNodeStyleプロパティはオブジェクトですStyle

適用対象

こちらもご覧ください