TreeView.NodeStyle Propiedad

  • Referencia

Definición

Espacio de nombres:
System.Web.UI.WebControls
Ensamblado:
System.Web.dll

Obtiene una referencia al objeto TreeNodeStyle que permite establecer la apariencia predeterminada de los nodos del control 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

Valor de propiedad

TreeNodeStyle

Una referencia al objeto TreeNodeStyle que representa el estilo predeterminad de un nodo.

Atributos
PersistenceModeAttribute

Ejemplos

En el ejemplo de código siguiente se muestra cómo usar la NodeStyle propiedad para controlar la apariencia de los nodos 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 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>

Comentarios

Utilice la NodeStyle propiedad para controlar la apariencia predeterminada de un nodo 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 declarativamente en el formulario Property-Subproperty, donde Subproperty es una propiedad del TreeNodeStyle objeto (por ejemplo, NodeStyle-ForeColor). Las propiedades también se pueden establecer mediante programación en el formulario Property.Subproperty (por ejemplo, NodeStyle.ForeColor). La configuración común suele incluir un color de fondo personalizado, el color de primer plano, las propiedades de fuente y el espaciado del nodo. Las propiedades de estilo se aplican en el siguiente orden de precedencia:

  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.

Nota

La configuración de estilo de nodo correspondiente en las RootNodeStylepropiedades , ParentNodeStyleo LeafNodeStyle invalida la configuración de estilo de la NodeStyle propiedad .

Si necesita generar menús de navegación de estilo de contenido en la que los nodos de un determinado nivel 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