TreeView.HoverNodeStyle Egenskap

Definition

Namnområde:
System.Web.UI.WebControls
Sammansättning:
System.Web.dll

Hämtar en referens till objektet TreeNodeStyle som gör att du kan ange utseendet på en nod när muspekaren placeras över den.

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

Egenskapsvärde

Style

En referens till TreeNodeStyle som representerar stilen för en nod när muspekaren placeras över den.

Attribut
PersistenceModeAttribute

Exempel

Följande kodexempel visar hur du använder HoverNodeStyle egenskapen för att styra utseendet på en nod när muspekaren placeras över den. För att det här exemplet ska fungera måste du inkludera ett <head> element med ett runat="server" attribut.


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

Kommentarer

Använd egenskapen HoverNodeStyle för att styra utseendet på en nod när muspekaren placeras över den. Den här egenskapen är skrivskyddad. Du kan dock ange egenskaperna för TreeNodeStyle objektet som det returnerar. Egenskaperna kan anges deklarativt i formuläret Property-Subproperty, där Subproperty är en egenskap TreeNodeStyle för objektet (till exempel HoverNodeStyle-ForeColor). Egenskaperna kan också anges programmatiskt i formuläret Property.Subproperty (till exempel HoverNodeStyle.ForeColor). Den här funktionen stöds endast på skriptkompatibla klienter.

Note

Om du vill använda egenskapen HoverNodeStyle måste du inkludera ett <head> element med ett runat="server" attribut.

Vanliga inställningar inkluderar vanligtvis en anpassad bakgrundsfärg, förgrundsfärg, teckensnittsegenskaper och nodavstånd. Formategenskaper tillämpas i följande ordning:

  1. NodeStyle.

  2. RootNodeStyle, ParentNodeStyle, eller LeafNodeStyle, beroende på nodtyp. Om samlingen har definierats tillämpas den LevelStyles just nu, vilket åsidosätter de andra egenskaperna för nodformat.

  3. SelectedNodeStyle.

  4. HoverNodeStyle.

Note

Formatinställningarna för HoverNodeStyle egenskapen åsidosätter alla motsvarande nodformatinställningar som finns i NodeStyleegenskapen , RootNodeStyle, ParentNodeStyle, LeafNodeStyleeller SelectedNodeStyle .

Egenskapen HoverNodeStyle återges inte för en nod med dess SelectAction egenskap inställd på TreeNodeSelectAction.None.

ParentNodeStyle Till skillnad från egenskaperna ochLeafNodeStyle, som är TreeNodeStyle objekt, är egenskapen HoverNodeStyle ett Style objekt.

Gäller för

Se även