Udostępnij za pośrednictwem


TreeView.HoverNodeStyle Właściwość

Definicja

Pobiera odwołanie do TreeNodeStyle obiektu, który umożliwia ustawienie wyglądu węzła, gdy wskaźnik myszy jest umieszczony nad nim.

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

Wartość właściwości

Style

Odwołanie do TreeNodeStyle elementu reprezentującego styl węzła po ustawieniu wskaźnika myszy na nim.

Atrybuty

Przykłady

W poniższym przykładzie kodu pokazano, jak za pomocą HoverNodeStyle właściwości kontrolować wygląd węzła, gdy wskaźnik myszy jest umieszczony nad nim. W tym przykładzie należy dołączyć <head> element z atrybutem 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>

Uwagi

HoverNodeStyle Użyj właściwości , aby kontrolować wygląd węzła, gdy wskaźnik myszy jest umieszczony nad nim. Ta właściwość jest tylko do odczytu; można jednak ustawić właściwości zwracanego TreeNodeStyle obiektu. Właściwości można ustawić deklaratywnie w postaci Property-Subproperty, gdzie Subproperty jest właściwością TreeNodeStyle obiektu (na przykład HoverNodeStyle-ForeColor). Właściwości można również ustawić programowo w formularzu Property.Subproperty (na przykład HoverNodeStyle.ForeColor). Ta funkcja jest obsługiwana tylko na klientach obsługujących skrypty.

Uwaga

Aby użyć HoverNodeStyle właściwości , należy dołączyć <head> element z atrybutem runat="server" .

Typowe ustawienia zwykle obejmują niestandardowy kolor tła, kolor pierwszego planu, właściwości czcionki i odstępy między węzłami. Właściwości stylu są stosowane w następującej kolejności:

  1. NodeStyle.

  2. RootNodeStyle, ParentNodeStylelub LeafNodeStyle, w zależności od typu węzła. Jeśli kolekcja jest zdefiniowana LevelStyles , jest stosowana w tej chwili, przesłaniając inne właściwości stylu węzła.

  3. SelectedNodeStyle.

  4. HoverNodeStyle.

Uwaga

Ustawienia HoverNodeStyle stylu właściwości zastępują wszystkie odpowiednie ustawienia stylu węzła, które znajdują się w NodeStylewłaściwości , , RootNodeStyleParentNodeStyle, LeafNodeStylelub SelectedNodeStyle .

Właściwość HoverNodeStyle nie jest renderowana dla węzła z właściwością SelectAction ustawioną na TreeNodeSelectAction.None.

ParentNodeStyle W przeciwieństwie do właściwości i LeafNodeStyle , które są TreeNodeStyle obiektami, HoverNodeStyle właściwość jest obiektemStyle.

Dotyczy

Zobacz też