Comparteix a través de

TreeView.HoverNodeStyle Propiedad

  • Referencia

Definición

Espacio de nombres:
System.Web.UI.WebControls
Ensamblado:
System.Web.dll

Obtiene una referencia al objeto TreeNodeStyle que permite establecer el aspecto de un nodo cuando el puntero del mouse se coloca sobre él.

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

Valor de propiedad

Style

Referencia al objeto TreeNodeStyle que representa el estilo de un nodo cuando el puntero del mouse se coloca sobre él.

Atributos
PersistenceModeAttribute

Ejemplos

En el ejemplo de código siguiente se muestra cómo usar la HoverNodeStyle propiedad para controlar la apariencia de un nodo cuando el puntero del mouse se coloca sobre él. Para que este ejemplo funcione, debe incluir un <head> elemento con un runat="server" atributo .


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

Comentarios

Utilice la HoverNodeStyle propiedad para controlar la apariencia de un nodo cuando el puntero del mouse se coloca sobre él. Esta propiedad es de solo lectura; sin embargo, puede establecer las propiedades del TreeNodeStyle objeto que devuelve. Las propiedades se pueden establecer mediante declaración en el formato Property-Subproperty, donde Subproperty es una propiedad del TreeNodeStyle objeto (por ejemplo, HoverNodeStyle-ForeColor). Las propiedades también se pueden establecer mediante programación en el formulario Property.Subproperty (por ejemplo, HoverNodeStyle.ForeColor). Esta característica solo se admite en clientes compatibles con scripts.

Nota

Para usar la HoverNodeStyle propiedad , debe incluir un <head> elemento con un runat="server" atributo .

La configuración común suele incluir un color de fondo personalizado, color de primer plano, propiedades de fuente y espaciado de nodo. Las propiedades de estilo se aplican en el orden siguiente:

  1. NodeStyle.

  2. RootNodeStyle, ParentNodeStyleo LeafNodeStyle, según el tipo de nodo. Si se define la LevelStyles colección, se aplica en este momento, reemplazando las demás propiedades de estilo de nodo.

  3. SelectedNodeStyle.

  4. HoverNodeStyle.

Nota

La configuración de estilo de la HoverNodeStyle propiedad invalida cualquier configuración de estilo de nodo correspondiente que esté en la NodeStylepropiedad , RootNodeStyle, ParentNodeStyle, LeafNodeStyleo SelectedNodeStyle .

La HoverNodeStyle propiedad no se representa para un nodo con su SelectAction propiedad establecida TreeNodeSelectAction.Noneen .

A diferencia de las ParentNodeStyle propiedades y LeafNodeStyle , que son TreeNodeStyle objetos , la HoverNodeStyle propiedad es un Style objeto .

Se aplica a

Consulte también