Partilhar via


TreeView.HoverNodeStyle Propriedade

Definição

Obtém uma referência ao objeto TreeNodeStyle que permite definir a aparência de um nó quando o ponteiro do mouse está posicionado sobre ele.

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 da propriedade

Style

Uma referência ao TreeNodeStyle que representa o estilo de um nó quando o ponteiro do mouse está posicionado sobre ele.

Atributos

Exemplos

O exemplo de código a seguir demonstra como usar a HoverNodeStyle propriedade para controlar a aparência de um nó quando o ponteiro do mouse está posicionado sobre ele. Para que este exemplo funcione, você deve incluir um <head> elemento com um 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>

Comentários

Use a HoverNodeStyle propriedade para controlar a aparência de um nó quando o ponteiro do mouse estiver posicionado sobre ele. Essa propriedade é somente leitura; no entanto, você pode definir as propriedades do TreeNodeStyle objeto que ele retorna. As propriedades podem ser definidas declarativamente no formulário Property-Subproperty, onde Subproperty é uma propriedade do TreeNodeStyle objeto (por exemplo, HoverNodeStyle-ForeColor). As propriedades também podem ser definidas programaticamente no formulário Property.Subproperty (por exemplo, HoverNodeStyle.ForeColor). Esse recurso só tem suporte em clientes com capacidade de script.

Observação

Para usar a HoverNodeStyle propriedade, você deve incluir um <head> elemento com um runat="server" atributo.

As configurações comuns geralmente incluem uma cor da tela de fundo personalizada, cor do primeiro plano, propriedades da fonte e espaçamento de nó. As propriedades de estilo são aplicadas na seguinte ordem:

  1. NodeStyle.

  2. RootNodeStyle, ParentNodeStyleou LeafNodeStyle, dependendo do tipo de nó. Se a LevelStyles coleção for definida, ela será aplicada neste momento, substituindo as outras propriedades de estilo de nó.

  3. SelectedNodeStyle.

  4. HoverNodeStyle.

Observação

As configurações de estilo para a HoverNodeStyle propriedade substituem todas as NodeStyleconfigurações de estilo de nó correspondentes que estão na propriedade, RootNodeStyleou ParentNodeStyleLeafNodeStyleSelectedNodeStyle propriedade.

A HoverNodeStyle propriedade não é renderizada para um nó com sua SelectAction propriedade definida como TreeNodeSelectAction.None.

Ao contrário das ParentNodeStyle propriedades e das LeafNodeStyle propriedades, que são TreeNodeStyle objetos, a HoverNodeStyle propriedade é um Style objeto.

Aplica-se a

Confira também