TreeView.HoverNodeStyle Vlastnost

  • Reference

Definice

Obor názvů:
System.Web.UI.WebControls
Sestavení:
System.Web.dll

Získá odkaz na TreeNodeStyle objekt, který umožňuje nastavit vzhled uzlu při umístění ukazatele myši na něj.

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

Hodnota vlastnosti

Style

Odkaz na TreeNodeStyle uzel představuje styl uzlu, když je ukazatel myši umístěn nad ním.

Atributy
PersistenceModeAttribute

Příklady

Následující příklad kódu ukazuje, jak pomocí HoverNodeStyle vlastnosti řídit vzhled uzlu při umístění ukazatele myši na něj. Aby tento příklad fungoval, musíte zahrnout <head> prvek s atributem runat="server" .


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

Poznámky

HoverNodeStyle Vlastnost slouží k řízení vzhledu uzlu, když je ukazatel myši umístěn nad ním. Tato vlastnost je jen pro čtení; Můžete však nastavit vlastnosti objektu TreeNodeStyle , který vrací. Vlastnosti lze nastavit deklarativní ve formuláři Property-Subproperty, kde Subproperty je vlastnost objektu TreeNodeStyle (například HoverNodeStyle-ForeColor). Vlastnosti lze také nastavit programově ve formuláři Property.Subproperty (například HoverNodeStyle.ForeColor). Tato funkce se podporuje jenom u klientů podporujících skripty.

Poznámka

Chcete-li použít HoverNodeStyle vlastnost, musíte zahrnout <head> prvek s atributem runat="server" .

Mezi běžná nastavení obvykle patří vlastní barva pozadí, barva popředí, vlastnosti písma a mezery mezi uzly. Vlastnosti stylu se použijí v následujícím pořadí:

  1. NodeStyle.

  2. RootNodeStyle, ParentNodeStylenebo LeafNodeStyle, v závislosti na typu uzlu. LevelStyles Pokud je kolekce definovaná, použije se v tuto chvíli a přepisuje ostatní vlastnosti stylu uzlu.

  3. SelectedNodeStyle.

  4. HoverNodeStyle.

Poznámka

Nastavení stylu vlastnosti HoverNodeStyle přepíše všechna odpovídající nastavení stylu uzlu, která jsou ve NodeStylevlastnosti , , RootNodeStyleParentNodeStyle, LeafNodeStylenebo SelectedNodeStyle vlastnost.

Vlastnost HoverNodeStyle není vykreslena pro uzel s jeho SelectAction vlastností nastavenou na TreeNodeSelectAction.None.

ParentNodeStyle Na rozdíl od vlastností, LeafNodeStyle které jsou TreeNodeStyle objekty, HoverNodeStyle je Style vlastnost objekt.

Platí pro

Viz také