Condividi tramite


TreeView.NodeStyle Proprietà

Definizione

Ottiene un riferimento all'oggetto TreeNodeStyle che consente di impostare l'aspetto predefinito dei nodi nel controllo 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

Valore della proprietà

TreeNodeStyle

Riferimento all'oggetto TreeNodeStyle che rappresenta lo stile predefinito di un nodo.

Attributi

Esempio

Nell'esempio di codice seguente viene illustrato come utilizzare la NodeStyle proprietà per controllare l'aspetto dei nodi nel TreeView controllo .


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

Commenti

Utilizzare la NodeStyle proprietà per controllare l'aspetto predefinito di un nodo nel TreeView controllo . Questa proprietà è di sola lettura; Tuttavia, è possibile impostare le proprietà dell'oggetto TreeNodeStyle restituito. Le proprietà possono essere impostate in modo dichiarativo nel formato Property-Subproperty, dove Subproperty è una proprietà dell'oggetto TreeNodeStyle , NodeStyle-ForeColorad esempio . Le proprietà possono anche essere impostate a livello di codice nel modulo Property.Subproperty , ad esempio NodeStyle.ForeColor. Le impostazioni comuni in genere includono un colore di sfondo personalizzato, il colore di primo piano, le proprietà del carattere e la spaziatura dei nodi. Le proprietà di stile vengono applicate nell'ordine di precedenza seguente:

  1. NodeStyle.

  2. RootNodeStyle, ParentNodeStyleo LeafNodeStyle, a seconda del tipo di nodo. Se la LevelStyles raccolta è definita, viene applicata in questo momento, sovrascrivendo le altre proprietà dello stile del nodo.

  3. SelectedNodeStyle.

  4. HoverNodeStyle.

Nota

Le impostazioni dello stile del nodo corrispondenti nelle RootNodeStyleproprietà , ParentNodeStyleo LeafNodeStyle eseguono l'override delle impostazioni di stile della NodeStyle proprietà .

Se è necessario generare menu di spostamento di tipo sommario in cui i nodi a un determinato livello devono avere lo stesso aspetto, indipendentemente dal fatto che abbiano nodi figlio, è consigliabile usare la LevelStyles proprietà anziché impostare le singole proprietà di stile.

Si applica a

Vedi anche