Compartir a través de


TreeNodeStyle Clase

Definición

Representa el estilo de un nodo en el control TreeView.

public ref class TreeNodeStyle sealed : System::Web::UI::WebControls::Style
public sealed class TreeNodeStyle : System.Web.UI.WebControls.Style
type TreeNodeStyle = class
    inherit Style
Public NotInheritable Class TreeNodeStyle
Inherits Style
Herencia

Ejemplos

En el ejemplo de código siguiente se muestra cómo controlar la apariencia de los nodos primarios en el TreeView control estableciendo las propiedades de estilo del TreeNodeStyle objeto que se devuelve de la ParentNodeStyle propiedad .


<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">

  void HorizontalPadding_Changed(Object sender, EventArgs e)
  {

    // Programmatically set the HorizontalPadding property based on the 
    // user's selection.
    ItemsTreeView.ParentNodeStyle.HorizontalPadding = Convert.ToInt32(HorizontalPaddingList.SelectedItem.Text);

  }

  void VerticalPadding_Changed(Object sender, EventArgs e)
  {

    // Programmatically set the VerticalPadding property based on the 
    // user's selection.
    ItemsTreeView.ParentNodeStyle.VerticalPadding = Convert.ToInt32(VerticalPaddingList.SelectedItem.Text);

  }

  void NodeSpacing_Changed(Object sender, EventArgs e)
  {

    // Programmatically set the NodeSpacing property based on the 
    // user's selection.
    ItemsTreeView.ParentNodeStyle.NodeSpacing = Convert.ToInt32(NodeSpacingList.SelectedItem.Text);

  }

  void ChildNodePadding_Changed(Object sender, EventArgs e)
  {

    // Programmatically set the ChildNodesPadding property based on the 
    // user's selection.
    ItemsTreeView.ParentNodeStyle.ChildNodesPadding = Convert.ToInt32(ChildNodesPaddingList.SelectedItem.Text);

  }

</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
  <head runat="server">
    <title>TreeNodeStyle Example</title>
</head>
<body>  
    <form id="form1" runat="server">
    
      <h3>TreeNodeStyle Example</h3>
      
      <!-- Set the styles for the leaf nodes declaratively. -->
      <asp:TreeView id="ItemsTreeView"
        Font-Names= "Arial"
        ForeColor="Blue"
        ParentNodeStyle-ForeColor="Green"
        ParentNodeStyle-HorizontalPadding="5" 
        ParentNodeStyle-VerticalPadding="5"  
        ParentNodeStyle-NodeSpacing="5"
        ParentNodeStyle-ChildNodesPadding="5"
        ExpandDepth="4"  
        runat="server">
         
        <Nodes>
        
          <asp:TreeNode Text="Table of Contents"
            SelectAction="None">
             
            <asp:TreeNode Text="Chapter One">
            
              <asp:TreeNode Text="Section 1.0">
              
                <asp:TreeNode Text="Topic 1.0.1"/>
                <asp:TreeNode Text="Topic 1.0.2"/>
                <asp:TreeNode Text="Topic 1.0.3"/>
              
              </asp:TreeNode>
              
              <asp:TreeNode Text="Section 1.1">
              
                <asp:TreeNode Text="Topic 1.1.1"/>
                <asp:TreeNode Text="Topic 1.1.2"/>
                <asp:TreeNode Text="Topic 1.1.3"/>
                <asp:TreeNode Text="Topic 1.1.4"/>
              
              </asp:TreeNode>
            
            </asp:TreeNode>
            
          </asp:TreeNode>
        
        </Nodes>
        
      </asp:TreeView>
      
      <hr />
      
      <h5>Select the style settings for the parent nodes.</h5>
      
      <table cellpadding="5">
      
        <tr align="right">
        
          <td>
          
            Horizontal Padding:
          
            <asp:DropDownList id="HorizontalPaddingList"
              AutoPostBack="true"
              OnSelectedIndexChanged="HorizontalPadding_Changed" 
              runat="server">
              
              <asp:ListItem>0</asp:ListItem>
              <asp:ListItem Selected="true">5</asp:ListItem>
              <asp:ListItem>10</asp:ListItem>
              
            </asp:DropDownList> 
          
          </td>
          
          <td>
          
            Vertical Padding:
          
            <asp:DropDownList id="VerticalPaddingList"
              AutoPostBack="true"
              OnSelectedIndexChanged="VerticalPadding_Changed" 
              runat="server">
              
              <asp:ListItem>0</asp:ListItem>
              <asp:ListItem Selected="true">5</asp:ListItem>
              <asp:ListItem>10</asp:ListItem>
              
            </asp:DropDownList> 
          
          </td>
          
        </tr>
        
        <tr align="right">
        
          <td>
          
            Node Spacing:
          
            <asp:DropDownList id="NodeSpacingList"
              AutoPostBack="true"
              OnSelectedIndexChanged="NodeSpacing_Changed"   
              runat="server">
              
              <asp:ListItem>0</asp:ListItem>
              <asp:ListItem Selected="true">5</asp:ListItem>
              <asp:ListItem>10</asp:ListItem>
              
            </asp:DropDownList> 
          
          </td>
          
          <td>
          
            Child Nodes Padding:
          
            <asp:DropDownList id="ChildNodesPaddingList"
              AutoPostBack="true"
              OnSelectedIndexChanged="ChildNodePadding_Changed"  
              runat="server">
              
              <asp:ListItem>0</asp:ListItem>
              <asp:ListItem Selected="true">5</asp:ListItem>
              <asp:ListItem>10</asp:ListItem>
              
            </asp:DropDownList> 
          
          </td>
        
        </tr>
      
      </table>
       
    </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">
<script runat="server">

  Sub HorizontalPadding_Changed(ByVal sender As Object, ByVal e As EventArgs)

    ' Programmatically set the HorizontalPadding property based on the 
    ' user's selection.
    ItemsTreeView.ParentNodeStyle.HorizontalPadding = Convert.ToInt32(HorizontalPaddingList.SelectedItem.Text)

  End Sub

  Sub VerticalPadding_Changed(ByVal sender As Object, ByVal e As EventArgs)

    ' Programmatically set the VerticalPadding property based on the 
    ' user's selection.
    ItemsTreeView.ParentNodeStyle.VerticalPadding = Convert.ToInt32(VerticalPaddingList.SelectedItem.Text)

  End Sub

  Sub NodeSpacing_Changed(ByVal sender As Object, ByVal e As EventArgs)

    ' Programmatically set the NodeSpacing property based on the 
    ' user's selection.
    ItemsTreeView.ParentNodeStyle.NodeSpacing = Convert.ToInt32(NodeSpacingList.SelectedItem.Text)

  End Sub

  Sub ChildNodePadding_Changed(ByVal sender As Object, ByVal e As EventArgs)

    ' Programmatically set the ChildNodesPadding property based on the 
    ' user's selection.
    ItemsTreeView.ParentNodeStyle.ChildNodesPadding = Convert.ToInt32(ChildNodesPaddingList.SelectedItem.Text)

  End Sub

</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
  <head runat="server">
    <title>TreeNodeStyle Example</title>
</head>
<body>  
    <form id="form1" runat="server">
    
      <h3>TreeNodeStyle Example</h3>
      
      <!-- Set the styles for the leaf nodes declaratively. -->
      <asp:TreeView id="ItemsTreeView"
        Font-Names= "Arial"
        ForeColor="Blue"
        ParentNodeStyle-ForeColor="Green"
        ParentNodeStyle-HorizontalPadding="5" 
        ParentNodeStyle-VerticalPadding="5"  
        ParentNodeStyle-NodeSpacing="5"
        ParentNodeStyle-ChildNodesPadding="5"
        ExpandDepth="4"  
        runat="server">
         
        <Nodes>
        
          <asp:TreeNode Text="Table of Contents"
            SelectAction="None">
             
            <asp:TreeNode Text="Chapter One">
            
              <asp:TreeNode Text="Section 1.0">
              
                <asp:TreeNode Text="Topic 1.0.1"/>
                <asp:TreeNode Text="Topic 1.0.2"/>
                <asp:TreeNode Text="Topic 1.0.3"/>
              
              </asp:TreeNode>
              
              <asp:TreeNode Text="Section 1.1">
              
                <asp:TreeNode Text="Topic 1.1.1"/>
                <asp:TreeNode Text="Topic 1.1.2"/>
                <asp:TreeNode Text="Topic 1.1.3"/>
                <asp:TreeNode Text="Topic 1.1.4"/>
              
              </asp:TreeNode>
            
            </asp:TreeNode>
            
          </asp:TreeNode>
        
        </Nodes>
        
      </asp:TreeView>
      
      <hr />
      
      <h5>Select the style settings for the parent nodes.</h5>
      
      <table cellpadding="5">
      
        <tr align="right">
        
          <td>
          
            Horizontal Padding:
          
            <asp:DropDownList id="HorizontalPaddingList"
              AutoPostBack="true"
              OnSelectedIndexChanged="HorizontalPadding_Changed" 
              runat="server">
              
              <asp:ListItem>0</asp:ListItem>
              <asp:ListItem Selected="true">5</asp:ListItem>
              <asp:ListItem>10</asp:ListItem>
              
            </asp:DropDownList> 
          
          </td>
          
          <td>
          
            Vertical Padding:
          
            <asp:DropDownList id="VerticalPaddingList"
              AutoPostBack="true"
              OnSelectedIndexChanged="VerticalPadding_Changed" 
              runat="server">
              
              <asp:ListItem>0</asp:ListItem>
              <asp:ListItem Selected="true">5</asp:ListItem>
              <asp:ListItem>10</asp:ListItem>
              
            </asp:DropDownList> 
          
          </td>
          
        </tr>
        
        <tr align="right">
        
          <td>
          
            Node Spacing:
          
            <asp:DropDownList id="NodeSpacingList"
              AutoPostBack="true"
              OnSelectedIndexChanged="NodeSpacing_Changed"   
              runat="server">
              
              <asp:ListItem>0</asp:ListItem>
              <asp:ListItem Selected="true">5</asp:ListItem>
              <asp:ListItem>10</asp:ListItem>
              
            </asp:DropDownList> 
          
          </td>
          
          <td>
          
            Child Nodes Padding:
          
            <asp:DropDownList id="ChildNodesPaddingList"
              AutoPostBack="true"
              OnSelectedIndexChanged="ChildNodePadding_Changed"  
              runat="server">
              
              <asp:ListItem>0</asp:ListItem>
              <asp:ListItem Selected="true">5</asp:ListItem>
              <asp:ListItem>10</asp:ListItem>
              
            </asp:DropDownList> 
          
          </td>
        
        </tr>
      
      </table>
       
    </form>
  </body>
</html>

Comentarios

Use la TreeNodeStyle clase para representar el estilo de un nodo en el TreeView control . El TreeView control permite especificar diferentes características de estilo (como el tamaño de fuente y el color) para cada uno de los distintos tipos de nodo.

En la tabla siguiente se enumeran los estilos de nodo admitidos por la TreeNodeStyle clase .

Propiedad de estilo de nodo Descripción
HoverNodeStyle La configuración de estilo de un nodo cuando el puntero del mouse se coloca sobre él.
LeafNodeStyle La configuración de estilo de los nodos hoja.
NodeStyle La configuración de estilo predeterminada para un nodo.
ParentNodeStyle La configuración de estilo de los nodos primarios.
RootNodeStyle La configuración de estilo del nodo raíz.
SelectedNodeStyle La configuración de estilo de un nodo seleccionado.

Al establecer las propiedades de estilo de nodo del TreeView control, se aplican en el orden siguiente:

  1. NodeStyle.

  2. RootNodeStyle, ParentNodeStyleo LeafNodeStyle, según el tipo de nodo.

  3. LevelStyles.

  4. SelectedNodeStyle.

  5. HoverNodeStyle.

La TreeNodeStyle clase hereda la mayoría de sus miembros de la Style clase . Extiende la Style clase proporcionando propiedades que controlan la cantidad de espacio alrededor del texto de un nodo, así como el espacio entre los nodos adyacentes. Utilice la HorizontalPadding propiedad para controlar la cantidad de espacio a la izquierda y a la derecha del texto de un nodo. De forma similar, la VerticalPadding propiedad controla la cantidad de espacio encima y debajo del texto de un nodo. Puede controlar la cantidad de espaciado entre el nodo al que TreeNodeStyle se aplica y sus nodos adyacentes estableciendo la NodeSpacing propiedad . Para controlar la cantidad de espaciado entre un nodo primario y un nodo secundario, use la ChildNodesPadding propiedad .

Para obtener más información sobre la configuración de estilo heredado, vea Style.

Constructores

TreeNodeStyle()

Inicializa una nueva instancia de la clase TreeNodeStyle.

TreeNodeStyle(StateBag)

Inicializa una instancia nueva de la clase TreeNodeStyle con la información del objeto StateBag especificado.

Propiedades

BackColor

Obtiene o establece el color de fondo del control de servidor web.

(Heredado de Style)
BorderColor

Obtiene o establece el color del borde del control de servidor Web.

(Heredado de Style)
BorderStyle

Obtiene o establece el estilo del borde del control de servidor web.

(Heredado de Style)
BorderWidth

Obtiene o establece el ancho del borde del control de servidor web.

(Heredado de Style)
CanRaiseEvents

Obtiene un valor que indica si el componente puede generar un evento.

(Heredado de Component)
ChildNodesPadding

Obtiene o establece la cantidad de espacio entre un nodo primario y un nodo secundario a los que se aplica la clase TreeNodeStyle.

Container

Obtiene la interfaz IContainer que contiene la clase Component.

(Heredado de Component)
CssClass

Obtiene o establece la clase de hoja de estilos en cascada (CSS) representada por el control de servidor Web en el cliente.

(Heredado de Style)
DesignMode

Obtiene un valor que indica si Component está actualmente en modo de diseño.

(Heredado de Component)
Events

Obtiene la lista de controladores de eventos asociados a Component.

(Heredado de Component)
Font

Obtiene las propiedades de fuente asociadas al control de servidor web.

(Heredado de Style)
ForeColor

Obtiene o establece el color de primer plano (normalmente el color del texto) del control de servidor web.

(Heredado de Style)
Height

Obtiene o establece el alto del control de servidor Web.

(Heredado de Style)
HorizontalPadding

Obtiene o establece la cantidad de espacio a la izquierda y derecha del texto del nodo.

ImageUrl

Obtiene o establece la dirección URL de una imagen que se muestra al lado del nodo.

IsEmpty

Propiedad protegida. Obtiene un valor que indica si se han definido elementos de estilo en la bolsa de estados.

(Heredado de Style)
IsTrackingViewState

Devuelve un valor que indica si se han definido elementos de estilo en la bolsa de estados.

(Heredado de Style)
NodeSpacing

Obtiene o establece la cantidad de espaciado vertical entre el nodo al que se aplica el objeto TreeNodeStyle y sus nodos adyacentes.

RegisteredCssClass

Obtiene la clase de hoja de estilos en cascada (CSS) que se registra con el control.

(Heredado de Style)
Site

Obtiene o establece ISite de Component.

(Heredado de Component)
VerticalPadding

Obtiene o establece la cantidad de espacio por encima y debajo del texto de un nodo.

ViewState

Obtiene la bolsa de estados que contiene los elementos de estilo.

(Heredado de Style)
Width

Obtiene o establece el ancho del control de servidor web.

(Heredado de Style)

Métodos

AddAttributesToRender(HtmlTextWriter)

Agrega atributos y estilos HTML que se deben representar en el HtmlTextWriter especificado. Este método lo usan principalmente los programadores de controles.

(Heredado de Style)
AddAttributesToRender(HtmlTextWriter, WebControl)

Agrega al objeto HtmlTextWriter y al control de servidor Web especificados los atributos y estilos HTML que se deben representar. Este método lo usan principalmente los programadores de controles.

(Heredado de Style)
CopyFrom(Style)

Copia las propiedades de estilo del objeto Style especificado al objeto TreeNodeStyle actual.

CreateObjRef(Type)

Crea un objeto que contiene toda la información relevante necesaria para generar un proxy utilizado para comunicarse con un objeto remoto.

(Heredado de MarshalByRefObject)
Dispose()

Libera todos los recursos que usa Component.

(Heredado de Component)
Dispose(Boolean)

Libera los recursos no administrados que usa Component y, de forma opcional, libera los recursos administrados.

(Heredado de Component)
Equals(Object)

Determina si el objeto especificado es igual que el objeto actual.

(Heredado de Object)
FillStyleAttributes(CssStyleCollection, IUrlResolutionService)

Agrega las propiedades de estilo del objeto especificado a un objeto CssStyleCollection.

(Heredado de Style)
GetHashCode()

Sirve como la función hash predeterminada.

(Heredado de Object)
GetLifetimeService()
Obsoleto.

Recupera el objeto de servicio de duración actual que controla la directiva de duración de esta instancia.

(Heredado de MarshalByRefObject)
GetService(Type)

Devuelve un objeto que representa el servicio suministrado por Component o por Container.

(Heredado de Component)
GetStyleAttributes(IUrlResolutionService)

Recupera el objeto CssStyleCollection para el objeto implementado por IUrlResolutionService especificado.

(Heredado de Style)
GetType()

Obtiene el Type de la instancia actual.

(Heredado de Object)
InitializeLifetimeService()
Obsoleto.

Obtiene un objeto de servicio de duración para controlar la directiva de duración de esta instancia.

(Heredado de MarshalByRefObject)
LoadViewState(Object)

Carga el estado previamente guardado.

(Heredado de Style)
MemberwiseClone()

Crea una copia superficial del Object actual.

(Heredado de Object)
MemberwiseClone(Boolean)

Crea una copia superficial del objeto MarshalByRefObject actual.

(Heredado de MarshalByRefObject)
MergeWith(Style)

Combina las propiedades de estilo del objeto Style especificado con las del objeto TreeNodeStyle actual.

Reset()

Restablece el estado original del objeto TreeNodeStyle.

SaveViewState()

Método protegido. Guarda cualquier estado que se haya modificado después de que se invocara al método TrackViewState().

(Heredado de Style)
SetBit(Int32)

Método interno protegido. Establece un campo de máscara de bits interno que indica las propiedades de estilo almacenadas en la bolsa de estados.

(Heredado de Style)
SetDirty()

Marca Style para que su estado se registre en el estado de vista.

(Heredado de Style)
ToString()

Devuelve una cadena que representa el objeto actual.

(Heredado de Style)
TrackViewState()

Método protegido. Marca el comienzo del seguimiento de los cambios de estado en el control. Los cambios realizados una vez iniciado el seguimiento serán objeto de seguimiento y se guardarán como parte del estado de vista del control.

(Heredado de Style)

Eventos

Disposed

Tiene lugar cuando una llamada elimina el componente mediante una llamada al método Dispose().

(Heredado de Component)

Implementaciones de interfaz explícitas

IStateManager.IsTrackingViewState

Obtiene un valor que indica si un control de servidor está realizando el seguimiento de los cambios en su estado de vista.

(Heredado de Style)
IStateManager.LoadViewState(Object)

Carga el estado previamente guardado.

(Heredado de Style)
IStateManager.SaveViewState()

Devuelve el objeto que contiene los cambios de estado.

(Heredado de Style)
IStateManager.TrackViewState()

Inicia el seguimiento de los cambios de estado.

(Heredado de Style)

Se aplica a

Consulte también