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.Gets a reference to the TreeNodeStyle object that allows you to set the appearance of a node when the mouse pointer is positioned over it.

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; }
member this.HoverNodeStyle : System.Web.UI.WebControls.Style
Public ReadOnly Property HoverNodeStyle As Style

Valore della proprietà

Riferimento all'oggetto TreeNodeStyle che rappresenta lo stile di un nodo di un nodo su cui è posizionato il puntatore del mouse.A reference to the TreeNodeStyle that represents the style of a node when the mouse pointer is positioned over it.

Attributi

Esempi

Nell'esempio di codice seguente viene illustrato come utilizzare HoverNodeStyle la proprietà per controllare l'aspetto di un nodo quando si posiziona il puntatore del mouse su di esso.The following code example demonstrates how to use the HoverNodeStyle property to control the appearance of a node when the mouse pointer is positioned over it. Per il corretto funzionamento di questo esempio, è necessario <head> includere un elemento runat="server" con un attributo.For this example to work, you must include a <head> element with a runat="server" attribute.


<%@ 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 si posiziona il puntatore del mouse su di esso.Use the HoverNodeStyle property to control the appearance of a node when the mouse pointer is positioned over it. Questa proprietà è di sola lettura. Tuttavia, è possibile impostare le proprietà dell' TreeNodeStyle oggetto restituito.This property is read-only; however, you can set the properties of the TreeNodeStyle object that it returns. Le proprietà possono essere impostate in modo dichiarativo Property-Subpropertynel formato Subproperty , dove TreeNodeStyle è una proprietà dell'oggetto (ad esempio HoverNodeStyle-ForeColor,).The properties can be set declaratively in the form Property-Subproperty, where Subproperty is a property of the TreeNodeStyle object (for example, HoverNodeStyle-ForeColor). Le proprietà possono essere impostate anche a livello di codice nel Property.Subproperty formato (ad esempio HoverNodeStyle.ForeColor,).The properties can also be set programmatically in the form Property.Subproperty (for example, HoverNodeStyle.ForeColor). Questa funzionalità è supportata solo nei client che supportano gli script.This feature is supported only on script-capable clients.

Nota

Per usare la HoverNodeStyle proprietà, è necessario includere un <head> elemento con un runat="server" attributo.To use the HoverNodeStyle property, you must include a <head> element with a runat="server" attribute.

Le impostazioni comuni includono in genere un colore di sfondo personalizzato, il colore di primo piano, le proprietà del carattere e la spaziatura dei nodiCommon settings usually include a custom background color, foreground color, font properties, and node spacing. Le proprietà di stile vengono applicate nell'ordine seguente:Style properties are applied in the following order:

  1. NodeStyle.NodeStyle.

  2. RootNodeStyle, ParentNodeStyle oLeafNodeStyle, a seconda del tipo di nodo.RootNodeStyle, ParentNodeStyle, or LeafNodeStyle, depending on the node type. Se la LevelStyles raccolta è definita, viene applicata in questo momento, sostituendo le altre proprietà dello stile del nodo.If the LevelStyles collection is defined, it is applied at this time, overriding the other node style properties.

  3. SelectedNodeStyle.SelectedNodeStyle.

  4. HoverNodeStyle.HoverNodeStyle.

Nota

Le impostazioni di stile per HoverNodeStyle la proprietà eseguono l'override delle impostazioni dello stile del nodo NodeStylecorrispondenti presenti ParentNodeStylenella LeafNodeStyleproprietà, SelectedNodeStyle RootNodeStyle,, o.The style settings for the HoverNodeStyle property override any corresponding node style settings that are in the NodeStyle, RootNodeStyle, ParentNodeStyle, LeafNodeStyle, or SelectedNodeStyle property.

Non HoverNodeStyle viene eseguito il rendering della proprietà per un nodo SelectAction con la relativa TreeNodeSelectAction.Noneproprietà impostata su.The HoverNodeStyle property is not rendered for a node with its SelectAction property set to TreeNodeSelectAction.None.

Diversamente dalle ParentNodeStyle LeafNodeStyle proprietà e, che sono TreeNodeStyle oggetti, la HoverNodeStyle proprietà è un Style oggetto.Unlike the ParentNodeStyle and the LeafNodeStyle properties, which are TreeNodeStyle objects, the HoverNodeStyle property is a Style object.

Si applica a

Vedi anche