TreeView.HoverNodeStyle Propriété

  • Référence

Définition

Espace de noms:
System.Web.UI.WebControls
Assembly:
System.Web.dll

Obtient une référence à l'objet TreeNodeStyle qui vous permet de définir l'apparence d'un nœud lorsque le pointeur de la souris est positionné dessus.

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

Valeur de propriété

Style

Référence au TreeNodeStyle qui représente le style d'un nœud lorsque le pointeur de la souris est positionné dessus.

Attributs
PersistenceModeAttribute

Exemples

L’exemple de code suivant montre comment utiliser la propriété pour contrôler l’apparence d’un nœud lorsque le pointeur de la HoverNodeStyle souris est positionné sur celui-ci. Pour que cet exemple fonctionne, vous devez inclure un <head> élément avec un runat="server" attribut.


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

Remarques

Utilisez la propriété pour contrôler l’apparence d’un nœud lorsque le pointeur de la HoverNodeStyle souris est positionné sur celui-ci. Cette propriété est en lecture seule ; Toutefois, vous pouvez définir les propriétés de l’objet TreeNodeStyle qu’il retourne. Les propriétés peuvent être définies de manière déclarative dans le formulaireProperty-Subproperty, où Subproperty est une propriété de l’objet TreeNodeStyle (par exemple). HoverNodeStyle-ForeColor Les propriétés peuvent également être définies par programme dans le formulaire Property.Subproperty (par exemple). HoverNodeStyle.ForeColor Cette fonctionnalité est prise en charge uniquement sur les clients compatibles avec les scripts.

Notes

Pour utiliser la HoverNodeStyle propriété, vous devez inclure un <head> élément avec un runat="server" attribut.

Les paramètres courants incluent généralement une couleur d’arrière-plan personnalisée, une couleur de premier plan, des propriétés de police et un espacement de nœud. Les propriétés de style sont appliquées dans l’ordre suivant :

  1. NodeStyle.

  2. RootNodeStyle, ou ParentNodeStyle, en LeafNodeStylefonction du type de nœud. Si la LevelStyles collection est définie, elle est appliquée à ce stade, en remplaçant les autres propriétés de style de nœud.

  3. SelectedNodeStyle.

  4. HoverNodeStyle.

Notes

Les paramètres de style de la HoverNodeStyle propriété remplacent tous les paramètres de style de nœud correspondants qui se trouvent dans la NodeStylepropriété, RootNodeStylele , ParentNodeStyleLeafNodeStyleSelectedNodeStyle ou la propriété.

La HoverNodeStyle propriété n’est pas rendue pour un nœud avec sa SelectAction propriété définie sur TreeNodeSelectAction.None.

Contrairement aux ParentNodeStyle LeafNodeStyle propriétés, qui sont TreeNodeStyle des objets, la HoverNodeStyle propriété est un Style objet.

S’applique à

Voir aussi