Udostępnij za pośrednictwem

TreeView.NodeStyle Właściwość

  • Odwołanie

Definicja

Przestrzeń nazw:
System.Web.UI.WebControls
Zestaw:
System.Web.dll

Pobiera odwołanie do TreeNodeStyle obiektu, który umożliwia ustawienie domyślnego wyglądu węzłów w kontrolce TreeView .

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

Wartość właściwości

TreeNodeStyle

Odwołanie do TreeNodeStyle elementu reprezentującego domyślny styl węzła.

Atrybuty
PersistenceModeAttribute

Przykłady

Poniższy przykład kodu pokazuje, jak używać NodeStyle właściwości do kontrolowania wyglądu węzłów w kontrolce TreeView .


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

Uwagi

NodeStyle Użyj właściwości , aby kontrolować domyślny wygląd węzła w kontrolceTreeView. 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 NodeStyle-ForeColor). Właściwości można również ustawić programowo w formularzu Property.Subproperty (na przykład NodeStyle.ForeColor). 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 pierwszeństwa:

  1. NodeStyle.

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

  3. SelectedNodeStyle.

  4. HoverNodeStyle.

Uwaga

Odpowiednie ustawienia stylu węzła w RootNodeStylewłaściwościach , ParentNodeStylelub LeafNodeStyle zastępują ustawienia NodeStyle stylu właściwości.

Jeśli musisz wygenerować menu nawigacji w stylu zawartości, w których węzły na określonym poziomie powinny mieć taki sam wygląd, niezależnie od tego, czy mają węzły podrzędne, możesz rozważyć użycie LevelStyles właściwości zamiast ustawiania poszczególnych właściwości stylu.

Dotyczy

Zobacz też