Partage via

TreeView.HoverNodeStyle Propriété

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é sur celui-ci.

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 style d’un nœud lorsque le pointeur de la souris est positionné sur celui-ci.

Attributs
PersistenceModeAttribute

Exemples

L’exemple de code suivant montre comment utiliser la HoverNodeStyle propriété pour contrôler l’apparence d’un nœud lorsque le pointeur de la 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 HoverNodeStyle propriété pour contrôler l’apparence d’un nœud lorsque le pointeur de la 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 programmation dans le formulaire Property.Subproperty (par exemple, HoverNodeStyle.ForeColor). Cette fonctionnalité est prise en charge uniquement sur les clients compatibles avec les scripts.

Note

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 ParentNodeStyleLeafNodeStyle, en fonction 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.

Note

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é , le ParentNodeStyleLeafNodeStyle, RootNodeStylele , ou SelectedNodeStyle la propriété.

La HoverNodeStyle propriété n’est pas rendue pour un nœud dont la SelectAction propriété est définie TreeNodeSelectAction.Nonesur .

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

S’applique à

Voir aussi