Aracılığıyla paylaş


TreeView.HoverNodeStyle Özellik

Tanım

Fare işaretçisi üzerinde konumlandırıldığında düğümün görünümünü ayarlamanıza olanak tanıyan nesneye bir başvuru TreeNodeStyle alır.

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

Özellik Değeri

Style

Fare işaretçisi üzerine yerleştirildiğinde düğümün stilini temsil eden öğesine başvuru TreeNodeStyle .

Öznitelikler

Örnekler

Aşağıdaki kod örneği, fare işaretçisi üzerine yerleştirildiğinde düğümün görünümünü denetlemek için özelliğinin nasıl kullanılacağını HoverNodeStyle gösterir. Bu örneğin çalışması için özniteliği olan runat="server" bir <head> öğe eklemeniz gerekir.


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

Açıklamalar

HoverNodeStyle Fare işaretçisi üzerine yerleştirildiğinde düğümün görünümünü denetlemek için özelliğini kullanın. Bu özellik salt okunurdur; ancak, döndürdüğü nesnenin TreeNodeStyle özelliklerini ayarlayabilirsiniz. Özellikler biçiminde bildirimli olarak Property-Subpropertyayarlanabilir; burada Subproperty nesnenin TreeNodeStyle bir özelliğidir (örneğin, HoverNodeStyle-ForeColor). Özellikler, formda Property.Subproperty program aracılığıyla da ayarlanabilir (örneğin, HoverNodeStyle.ForeColor). Bu özellik yalnızca betik özellikli istemcilerde desteklenir.

Not

özelliğini kullanmak HoverNodeStyle için özniteliği olan runat="server" bir <head> öğe eklemeniz gerekir.

Genel ayarlar genellikle özel bir arka plan rengi, ön plan rengi, yazı tipi özellikleri ve düğüm aralığıdır. Stil özellikleri aşağıdaki sırayla uygulanır:

  1. NodeStyle.

  2. RootNodeStyle, ParentNodeStyleveya LeafNodeStyledüğüm türüne bağlı olarak . LevelStyles Koleksiyon tanımlanmışsa, diğer düğüm stili özellikleri geçersiz kılınarak şu anda uygulanır.

  3. SelectedNodeStyle.

  4. HoverNodeStyle.

Not

Özelliğin HoverNodeStyle stil ayarları , , RootNodeStyle, ParentNodeStyleLeafNodeStyleveya SelectedNodeStyle özelliğindeki NodeStyleilgili düğüm stili ayarlarını geçersiz kılar.

HoverNodeStyle özelliği olarak ayarlanmış TreeNodeSelectAction.Nonebir düğüm için özelliği işlenmezSelectAction.

ParentNodeStyle nesne olan TreeNodeStyle ve LeafNodeStyle özelliklerinden farklı olarak özelliği HoverNodeStyle bir Style nesnesidir.

Şunlara uygulanır

Ayrıca bkz.