TreeView.HoverNodeStyle Propriedade

Definição

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

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

Atributos

Exemplos

O exemplo de código seguinte demonstra como usar a HoverNodeStyle propriedade para controlar o aparecimento de um nó quando o ponteiro do rato está posicionado sobre ele. Para que este exemplo funcione, tens de 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>

Observações

Use a HoverNodeStyle propriedade para controlar a aparência de um nó quando o ponteiro do rato está posicionado sobre ele. Esta propriedade é apenas de leitura; no entanto, pode definir as propriedades do TreeNodeStyle objeto que ele devolve. As propriedades podem ser definidas declarativamente na forma Property-Subproperty, onde Subproperty é uma propriedade do TreeNodeStyle objeto (por exemplo, HoverNodeStyle-ForeColor). As propriedades também podem ser definidas programaticamente na forma Property.Subproperty (por exemplo, HoverNodeStyle.ForeColor). Esta funcionalidade é suportada apenas em clientes compatíveis com scripts.

Note

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

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

  1. NodeStyle.

  2. RootNodeStyle, ParentNodeStyle, ou LeafNodeStyle, dependendo do tipo de nó. Se a LevelStyles coleção estiver definida, é aplicada neste momento, sobrepondo-se às outras propriedades de estilo de nó.

  3. SelectedNodeStyle.

  4. HoverNodeStyle.

Note

As definições de estilo da HoverNodeStyle propriedade sobrepõem-se a quaisquer definições correspondentes de estilo de nó que estejam na NodeStylepropriedade , RootNodeStyle, ParentNodeStyle, LeafNodeStyle, ou SelectedNodeStyle .

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

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

Aplica-se a

Ver também