TreeView.HoverNodeStyle Eigenschaft

Definition

Ruft einen Verweis auf das TreeNodeStyle-Objekt ab, mit dem Sie festlegen können, wie ein Knoten dargestellt wird, während ein Mauszeiger darauf positioniert ist.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; }
[<System.Web.UI.PersistenceMode(System.Web.UI.PersistenceMode.InnerProperty)>]
member this.HoverNodeStyle : System.Web.UI.WebControls.Style
Public ReadOnly Property HoverNodeStyle As Style

Eigenschaftswert

Style

Ein Verweis auf den TreeNodeStyle, der den Stil eines Knotens darstellt, während der Mauszeiger über diesem positioniert ist.A reference to the TreeNodeStyle that represents the style of a node when the mouse pointer is positioned over it.

Attribute

Beispiele

Im folgenden Codebeispiel wird veranschaulicht, wie die- HoverNodeStyle Eigenschaft verwendet wird, um die Darstellung eines Knotens zu steuern, wenn der Mauszeiger darauf positioniert ist.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. Damit dieses Beispiel funktioniert, müssen Sie ein- <head> Element mit einem- runat="server" Attribut einschließen.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>

Hinweise

Verwenden Sie die- HoverNodeStyle Eigenschaft, um die Darstellung eines Knotens zu steuern, wenn der Mauszeiger darauf positioniert ist.Use the HoverNodeStyle property to control the appearance of a node when the mouse pointer is positioned over it. Diese Eigenschaft ist schreibgeschützt. Sie können jedoch die Eigenschaften des TreeNodeStyle zurückgegebenen Objekts festlegen.This property is read-only; however, you can set the properties of the TreeNodeStyle object that it returns. Die Eigenschaften können deklarativ im Formular festgelegt werden Property-Subproperty , wobei Subproperty eine Eigenschaft des Objekts ist TreeNodeStyle (z HoverNodeStyle-ForeColor . b.).The properties can be set declaratively in the form Property-Subproperty, where Subproperty is a property of the TreeNodeStyle object (for example, HoverNodeStyle-ForeColor). Die Eigenschaften können auch Programm gesteuert im Formular Property.Subproperty (z. b.) festgelegt werden HoverNodeStyle.ForeColor .The properties can also be set programmatically in the form Property.Subproperty (for example, HoverNodeStyle.ForeColor). Diese Funktion wird nur auf Skript fähigen Clients unterstützt.This feature is supported only on script-capable clients.

Hinweis

Wenn Sie die-Eigenschaft verwenden möchten HoverNodeStyle , müssen Sie ein- <head> Element mit einem- runat="server" Attribut einschließen.To use the HoverNodeStyle property, you must include a <head> element with a runat="server" attribute.

Zu den allgemeinen Einstellungen gehören normalerweise eine benutzerdefinierte Hintergrundfarbe, Vordergrundfarbe, Schriftart Eigenschaften und Knoten Abstände.Common settings usually include a custom background color, foreground color, font properties, and node spacing. Stileigenschaften werden in der folgenden Reihenfolge angewendet:Style properties are applied in the following order:

  1. NodeStyle.NodeStyle.

  2. RootNodeStyle, ParentNodeStyle oder LeafNodeStyle , abhängig vom Knotentyp.RootNodeStyle, ParentNodeStyle, or LeafNodeStyle, depending on the node type. Wenn die Auflistung LevelStyles definiert ist, wird Sie zu diesem Zeitpunkt angewendet, wobei die anderen Eigenschaften des Knoten Stils außer Kraft gesetzt werden.If the LevelStyles collection is defined, it is applied at this time, overriding the other node style properties.

  3. SelectedNodeStyle.SelectedNodeStyle.

  4. HoverNodeStyle.HoverNodeStyle.

Hinweis

Die Stileinstellungen für die- HoverNodeStyle Eigenschaft überschreiben alle entsprechenden Knotenstil Einstellungen in der-,-,-,- NodeStyle oder- RootNodeStyle ParentNodeStyle LeafNodeStyle SelectedNodeStyle Eigenschaft.The style settings for the HoverNodeStyle property override any corresponding node style settings that are in the NodeStyle, RootNodeStyle, ParentNodeStyle, LeafNodeStyle, or SelectedNodeStyle property.

Die- HoverNodeStyle Eigenschaft wird nicht für einen Knoten SelectAction gerendert, dessen-Eigenschaft auf festgelegt ist TreeNodeSelectAction.None .The HoverNodeStyle property is not rendered for a node with its SelectAction property set to TreeNodeSelectAction.None.

Im Gegensatz zu den ParentNodeStyle Eigenschaften und, bei denen es sich um- LeafNodeStyle TreeNodeStyle Objekte handelt, ist die- HoverNodeStyle Eigenschaft ein- Style ObjektUnlike the ParentNodeStyle and the LeafNodeStyle properties, which are TreeNodeStyle objects, the HoverNodeStyle property is a Style object.

Gilt für:

Siehe auch