Rellenar los nodos de árbol del control TreeView de servidor Web

Artículo
10/22/2014

Actualización: noviembre 2007

El control de servidor Web TreeView puede mostrar varios tipos diferentes de datos: datos estáticos, que se especifican de forma declarativa en el control; datos enlazados al control, o datos que se agregan dinámicamente al control TreeView en respuesta a las acciones del usuario.

Mostrar datos estáticos

El esquema de datos más simple es el de los datos estáticos declarativos. Para mostrar datos estáticos utilizando una sintaxis declarativa, cree una colección de nodos que dependan del control TreeView.

En el ejemplo siguiente se muestra el marcado de un control TreeView que contiene tres nodos, dos de los cuales tienen nodos secundarios.

<asp:TreeView ID="TreeView1" Runat="server">
  <Nodes>
    <asp:TreeNode Value="Parent1" Expanded="True" Text="1">
      <asp:TreeNode Value="Child1A" Text="A" />
        <asp:TreeNode Value="Child1B" Text="B" />
    </asp:TreeNode>
    <asp:TreeNode Value="Parent2" Text="2">
    </asp:TreeNode>
    <asp:TreeNode Value="Parent3" Expanded="True" Text="3">
      <asp:TreeNode Value="Child3A" Text="A">
      </asp:TreeNode>
    </asp:TreeNode>
  </Nodes>
</asp:TreeView>

Conectarse a un origen de datos

Para mostrar datos que estén enlazados de forma declarativa al control, debe agregar primero un control del origen de datos jerárquico, como el control XmlDataSource, a la página y asignarle una propiedad ID. A continuación, establezca la propiedad DataSourceID del control TreeView en el valor ID del control del origen de datos. El control TreeView se puede enlazar automáticamente al origen de datos y mostrar sus valores.

Nota:
El control TreeView se puede enlazar a cualquier control del origen de datos que implemente la interfaz IHierarchicalDataSource, como un objeto SiteMapDataSource o un objeto XmlDataSource.

De forma predeterminada, al establecer enlaces con un origen de datos en el que cada elemento de datos contiene varias propiedades (como un elemento XML con varios atributos), un nodo muestra el valor devuelto por el método ToString del elemento de datos. En el caso de un elemento XML, el nodo muestra el nombre del elemento. Este esquema muestra la estructura subyacente del árbol, pero por lo demás no resulta muy útil. Puede enlazar un nodo a una propiedad del elemento de datos concreta especificando enlaces de los nodos del árbol mediante la colección DataBindings. La colección DataBindings contiene objetos TreeNodeBinding que definen la relación entre un elemento de datos y el nodo al que se está enlazando. Puede especificar los criterios de enlace y la propiedad del elemento de datos que va a aparecer en el nodo. Para obtener más información sobre los enlaces de nodos de árbol, vea TreeNodeBinding.

Nota:
El control TreeView también proporciona una propiedad DataSource y un método DataBind para el enlace manual de los datos.

Mostrar datos dinámicamente

No resultaría práctico definir la estructura de datos estáticamente o que los datos dependieran de la información que se recopila en tiempo de ejecución. Puede rellenar los objetos TreeNode mediante programación en una colección Nodes del control TreeView a partir del código del servidor o puede utilizar la característica PopulateOnDemand del control TreeView para rellenar los nodos dinámicamente cuando el nodo primario esté expandido en el cliente. Para obtener más información, vea Enlazar datos al control TreeView de servidor Web.