Compartir a través de


TreeView.RootNodeStyle Propiedad

Definición

Obtiene una referencia al objeto TreeNodeStyle que permite establecer la apariencia del nodo raíz del control TreeView.

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

Valor de propiedad

Referencia al objeto TreeNodeStyle que representa el estilo del nodo raíz en el control TreeView.

Atributos

Ejemplos

En el ejemplo de código siguiente se muestra cómo usar la RootNodeStyle propiedad para controlar la apariencia del nodo raíz en el TreeView control .


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

Comentarios

Utilice la RootNodeStyle propiedad para controlar la apariencia del nodo raíz en el TreeView control . Esta propiedad es de solo lectura; sin embargo, puede establecer las propiedades del TreeNodeStyle objeto que devuelve. Las propiedades se pueden establecer mediante declaración en el formato Property-Subproperty, donde Subproperty es una propiedad del TreeNodeStyle objeto (por ejemplo, RootNodeStyle-ForeColor). Las propiedades también se pueden establecer mediante programación en el formulario Property.Subproperty (por ejemplo, RootNodeStyle.ForeColor). La configuración común suele incluir un color de fondo personalizado, color de primer plano, propiedades de fuente y espaciado de nodo. Las propiedades de estilo se aplican en el siguiente orden de prioridad:

  1. NodeStyle.

  2. RootNodeStyle, ParentNodeStyleo LeafNodeStyle, según el tipo de nodo. Si se define la LevelStyles colección, se aplica en este momento, reemplazando las demás propiedades de estilo de nodo.

  3. SelectedNodeStyle

  4. HoverNodeStyle.

Si necesita generar menús de navegación de estilo de tabla de contenido en los que los nodos de un nivel determinado deben tener la misma apariencia, independientemente de si tienen nodos secundarios, puede considerar la posibilidad de usar la LevelStyles propiedad en lugar de establecer las propiedades de estilo individuales.

Se aplica a

Consulte también