Compartilhar via

TreeView.HoverNodeStyle Propriedade

Definição

Namespace:
System.Web.UI.WebControls
Assembly:
System.Web.dll

Obtém uma referência ao TreeNodeStyle objeto que permite definir a aparência de um nó quando o ponteiro do mouse é 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 é posicionado sobre ele.

Atributos
PersistenceModeAttribute

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 é 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 está 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 compatíveis com 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 de plano de fundo personalizada, cor de primeiro plano, propriedades de 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 da HoverNodeStyle propriedade substituem as configurações de estilo de nó correspondentes que estão na NodeStylepropriedade , RootNodeStyle, , ParentNodeStyleLeafNodeStyleou SelectedNodeStyle 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