Bagikan melalui

TreeView.NodeStyle Properti

Definisi

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

Mendapatkan referensi ke TreeNodeStyle objek yang memungkinkan Anda mengatur tampilan default simpul dalam TreeView kontrol.

public:
 property System::Web::UI::WebControls::TreeNodeStyle ^ NodeStyle { System::Web::UI::WebControls::TreeNodeStyle ^ get(); };
[System.Web.UI.PersistenceMode(System.Web.UI.PersistenceMode.InnerProperty)]
public System.Web.UI.WebControls.TreeNodeStyle NodeStyle { get; }
[<System.Web.UI.PersistenceMode(System.Web.UI.PersistenceMode.InnerProperty)>]
member this.NodeStyle : System.Web.UI.WebControls.TreeNodeStyle
Public ReadOnly Property NodeStyle As TreeNodeStyle

Nilai Properti

TreeNodeStyle

Referensi ke TreeNodeStyle yang mewakili gaya default simpul.

Atribut
PersistenceModeAttribute

Contoh

Contoh kode berikut menunjukkan cara menggunakan NodeStyle properti untuk mengontrol tampilan simpul dalam TreeView kontrol.


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

  <head runat="server">
    <title>TreeView NodeStyle Example</title>
</head>
<body>
    <form id="form1" runat="server">
    
      <h3>TreeView NodeStyle Example</h3>
      
      <!-- Declaratively set the NodeStyle settings. --> 
      <asp:TreeView id="LinksTreeView"
        NodeStyle-ForeColor="Green"
        NodeStyle-VerticalPadding="0"  
        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" >

  <head runat="server">
    <title>TreeView NodeStyle Example</title>
</head>
<body>
    <form id="form1" runat="server">
    
      <h3>TreeView NodeStyle Example</h3>
      
      <!-- Declaratively set the NodeStyle settings. --> 
      <asp:TreeView id="LinksTreeView"
        NodeStyle-ForeColor="Green"
        NodeStyle-VerticalPadding="0"  
        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

NodeStyle Gunakan properti untuk mengontrol tampilan default simpul dalam TreeView kontrol. Properti ini bersifat baca-saja; namun, Anda dapat mengatur properti objek yang TreeNodeStyle dikembalikannya. Properti dapat diatur secara deklaratif dalam formulir Property-Subproperty, di mana Subproperty adalah properti TreeNodeStyle objek (misalnya, NodeStyle-ForeColor). Properti juga dapat diatur secara terprogram dalam formulir Property.Subproperty (misalnya, NodeStyle.ForeColor). Pengaturan umum biasanya mencakup warna latar belakang kustom, warna latar depan, properti font, dan penspasian simpul. Properti gaya diterapkan dalam urutan prioritas 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 simpul yang sesuai di RootNodeStyleproperti , ParentNodeStyle, atau LeafNodeStyle mengambil alih pengaturan NodeStyle gaya properti.

Jika Anda perlu membuat menu navigasi gaya daftar isi di mana simpul pada tingkat tertentu harus memiliki tampilan yang sama, terlepas dari apakah mereka memiliki simpul anak, Anda mungkin mempertimbangkan untuk menggunakan LevelStyles properti alih-alih mengatur properti gaya individual.

Berlaku untuk

Lihat juga