TreeView.NodeStyle Propriété

  • Référence

Définition

Espace de noms:
System.Web.UI.WebControls
Assembly:
System.Web.dll

Obtient une référence à l'objet TreeNodeStyle qui vous permet de définir l'apparence par défaut des nœuds dans le contrôle 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

Valeur de propriété

TreeNodeStyle

Référence au TreeNodeStyle qui représente le style par défaut d'un nœud.

Attributs
PersistenceModeAttribute

Exemples

L’exemple de code suivant montre comment utiliser la NodeStyle propriété pour contrôler l’apparence des nœuds dans le TreeView contrôle.


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

Remarques

Utilisez la NodeStyle propriété pour contrôler l’apparence par défaut d’un nœud dans le TreeView contrôle. Cette propriété est en lecture seule ; Toutefois, vous pouvez définir les propriétés de l’objet TreeNodeStyle qu’il retourne. Les propriétés peuvent être définies de manière déclarative dans le formulaireProperty-Subproperty, où Subproperty est une propriété de l’objet TreeNodeStyle (par exemple). NodeStyle-ForeColor Les propriétés peuvent également être définies par programmation dans le formulaire Property.Subproperty (par exemple). NodeStyle.ForeColor Les paramètres courants incluent généralement une couleur d’arrière-plan personnalisée, une couleur de premier plan, des propriétés de police et un espacement de nœud. Les propriétés de style sont appliquées dans l’ordre de priorité suivant :

  1. NodeStyle.

  2. RootNodeStyle, ParentNodeStyleou LeafNodeStyle, selon le type de nœud. Si la collection est définie, elle est appliquée pour l’instant LevelStyles , en remplaçant les autres propriétés de style de nœud.

  3. SelectedNodeStyle.

  4. HoverNodeStyle.

Notes

Les paramètres de style de nœud correspondants dans le RootNodeStyle, ParentNodeStyleou LeafNodeStyle les propriétés remplacent les paramètres de style de la NodeStyle propriété.

Si vous devez générer des menus de navigation de type table des matières où les nœuds à un certain niveau doivent avoir la même apparence, qu’ils aient ou non des nœuds enfants, vous pouvez envisager d’utiliser la LevelStyles propriété au lieu de définir les propriétés de style individuelles.

S’applique à

Voir aussi