Bagikan melalui

TreeView.HoverNodeStyle Properti

Definisi

Ruang nama:
System.Web.UI.WebControls
Rakitan:
System.Web.dll

Mendapatkan referensi ke TreeNodeStyle objek yang memungkinkan Anda mengatur tampilan simpul ketika penunjuk mouse diposisikan di atasnya.

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

Nilai Properti

Style

Referensi ke TreeNodeStyle yang mewakili gaya simpul ketika penunjuk mouse diposisikan di atasnya.

Atribut
PersistenceModeAttribute

Contoh

Contoh kode berikut menunjukkan cara menggunakan HoverNodeStyle properti untuk mengontrol tampilan simpul saat penunjuk mouse diposisikan di atasnya. Agar contoh ini berfungsi, Anda harus menyertakan <head> elemen dengan runat="server" atribut .


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

Keterangan

HoverNodeStyle Gunakan properti untuk mengontrol tampilan simpul saat penunjuk mouse diposisikan di atasnya. Properti ini bersifat baca-saja; namun, Anda dapat mengatur properti TreeNodeStyle objek yang dikembalikannya. Properti dapat diatur secara deklaratif dalam formulir Property-Subproperty, di mana Subproperty adalah properti TreeNodeStyle objek (misalnya, HoverNodeStyle-ForeColor). Properti juga dapat diatur secara terprogram dalam formulir Property.Subproperty (misalnya, HoverNodeStyle.ForeColor). Fitur ini hanya didukung pada klien berkemampu skrip.

Nota

Untuk menggunakan HoverNodeStyle properti , Anda harus menyertakan <head> elemen dengan runat="server" atribut .

Pengaturan umum biasanya mencakup warna latar belakang kustom, warna latar depan, properti font, dan penspasian simpul. Properti gaya diterapkan dalam urutan berikut:

  1. NodeStyle.

  2. RootNodeStyle, , ParentNodeStyleatau LeafNodeStyle, tergantung pada jenis node. LevelStyles Jika koleksi didefinisikan, koleksi diterapkan saat ini, mengambil alih properti gaya node lainnya.

  3. SelectedNodeStyle.

  4. HoverNodeStyle.

Nota

Pengaturan gaya untuk HoverNodeStyle properti mengambil alih pengaturan gaya simpul terkait yang ada di NodeStyleproperti , , RootNodeStyleParentNodeStyle, LeafNodeStyle, atau SelectedNodeStyle .

Properti HoverNodeStyle tidak dirender untuk simpul dengan propertinya SelectAction diatur ke TreeNodeSelectAction.None.

ParentNodeStyle Tidak seperti properti dan LeafNodeStyle , yang merupakan TreeNodeStyle objek, HoverNodeStyle properti adalah Style objek .

Berlaku untuk

Lihat juga