Condividi tramite


TreeView.HoverNodeStyle Proprietà

Definizione

Ottiene un riferimento all'oggetto TreeNodeStyle che consente di impostare l'aspetto di un nodo su cui è posizionato il puntatore del mouse.

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

Valore della proprietà

Style

Riferimento all'oggetto TreeNodeStyle che rappresenta lo stile di un nodo di un nodo su cui è posizionato il puntatore del mouse.

Attributi

Esempio

Nell'esempio di codice seguente viene illustrato come utilizzare la HoverNodeStyle proprietà per controllare l'aspetto di un nodo quando il puntatore del mouse è posizionato su di esso. Affinché questo esempio funzioni, è necessario includere un <head> elemento con un runat="server" attributo .


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

Commenti

Utilizzare la HoverNodeStyle proprietà per controllare l'aspetto di un nodo quando il puntatore del mouse è posizionato su di esso. Questa proprietà è di sola lettura; Tuttavia, è possibile impostare le proprietà dell'oggetto TreeNodeStyle restituito. Le proprietà possono essere impostate in modo dichiarativo nel formato Property-Subproperty, dove Subproperty è una proprietà dell'oggetto TreeNodeStyle , HoverNodeStyle-ForeColorad esempio . Le proprietà possono anche essere impostate a livello di codice nel modulo Property.Subproperty , ad esempio HoverNodeStyle.ForeColor. Questa funzionalità è supportata solo nei client che supportano script.

Nota

Per usare la HoverNodeStyle proprietà , è necessario includere un <head> elemento con un runat="server" attributo .

Le impostazioni comuni in genere includono un colore di sfondo personalizzato, il colore di primo piano, le proprietà del carattere e la spaziatura dei nodi. Le proprietà di stile vengono applicate nell'ordine seguente:

  1. NodeStyle.

  2. RootNodeStyle, ParentNodeStyleo LeafNodeStyle, a seconda del tipo di nodo. Se la LevelStyles raccolta è definita, viene applicata in questo momento, sovrascrivendo le altre proprietà dello stile del nodo.

  3. SelectedNodeStyle.

  4. HoverNodeStyle.

Nota

Le impostazioni di stile per la HoverNodeStyle proprietà sostituiscono tutte le impostazioni dello stile del nodo corrispondenti presenti nella NodeStyleproprietà , RootNodeStyle, ParentNodeStyle, LeafNodeStyleo SelectedNodeStyle .

Il rendering della HoverNodeStyle proprietà non viene eseguito per un nodo con la relativa SelectAction proprietà impostata su TreeNodeSelectAction.None.

A differenza di ParentNodeStyle e delle LeafNodeStyle proprietà , che sono TreeNodeStyle oggetti , la HoverNodeStyle proprietà è un Style oggetto .

Si applica a

Vedi anche