Поделиться через

TreeView.HoverNodeStyle Свойство

  • Ссылка

Определение

Пространство имен:
System.Web.UI.WebControls
Сборка:
System.Web.dll

Возвращает ссылку на объект TreeNodeStyle, позволяющий задать внешний вид узла при наведении на него указателя мыши.

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

Значение свойства

Style

Ссылка на объект TreeNodeStyle, представляющий стиль узла при наведении на него указателя мыши.

Атрибуты
PersistenceModeAttribute

Примеры

В следующем примере кода показано, как использовать HoverNodeStyle свойство для управления внешним видом узла при наведении указателя мыши на него. Для работы в этом примере необходимо включить <head> элемент с атрибутом 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>

Комментарии

HoverNodeStyle Используйте свойство для управления внешним видом узла при расположении указателя мыши над ним. Это свойство доступно только для чтения; однако можно задать свойства возвращаемого TreeNodeStyle объекта. Свойства можно задать декларативно в форме Property-Subproperty, где Subproperty является свойством TreeNodeStyle объекта (например, HoverNodeStyle-ForeColor). Свойства также можно задать программным способом в форме Property.Subproperty (например, HoverNodeStyle.ForeColor). Эта функция поддерживается только на клиентах, поддерживающих скрипты.

Примечание

Чтобы использовать HoverNodeStyle свойство, необходимо включить <head> элемент с атрибутом runat="server" .

Общие параметры обычно включают настраиваемый цвет фона, цвет переднего плана, свойства шрифта и интервал между узлами. Свойства стиля применяются в следующем порядке:

  1. NodeStyle.

  2. RootNodeStyle, ParentNodeStyleили LeafNodeStyleв зависимости от типа узла. LevelStyles Если коллекция определена, она применяется в настоящее время, переопределяя другие свойства стиля узла.

  3. SelectedNodeStyle.

  4. HoverNodeStyle.

Примечание

Параметры стиля для HoverNodeStyle свойства переопределяют любые соответствующие параметры стиля узла, которые находятся в свойстве NodeStyle, , RootNodeStyleParentNodeStyleLeafNodeStyleили SelectedNodeStyle в свойстве.

Свойство HoverNodeStyle не отображается для узла со свойством SelectAction , равным TreeNodeSelectAction.None.

ParentNodeStyle В отличие от свойств, LeafNodeStyle которые являются TreeNodeStyle объектами, HoverNodeStyle это свойство является Style объектом.

Применяется к

См. также раздел