TreeView (control) ASP.NET

El control TreeView sirve para mostrar datos jerárquicos, como una tabla de contenido o un directorio de archivos, en una estructura de árbol.

Tipos de nodos de TreeView

El control TreeView se compone de uno o varios nodos. Cada entrada en el árbol se conoce como nodo. En la tabla siguiente se describen los tres tipos de nodo diferentes que existen.

Tipos de nodo del control TreeView

Tipo de nodo	Descripción
Raíz	Nodo que no tiene ningún nodo primario y tiene uno o varios nodos secundarios.
Primario	Nodo que tiene un nodo primario y uno o varios nodos secundarios.
Hoja	Nodo que no tiene ningún nodo secundario.

Para enlazar el control TreeView a un origen de datos

1. En la vista Diseño, haga clic con el botón secundario en el control TreeView y, a continuación, haga clic en Mostrar tareas de control comunes.
2. En el menú Tareas de TreeView, seleccione un origen de datos existente o <Nuevo origen de datos> en la lista desplegable Elegir origen de datos.
3. Si elige <Nuevo origen de datos>, se abrirá Configurar un origen de datos mediante un control enlazado a datos. Haga clic en Mapa del sitio o Archivo XML en el cuadro ¿De dónde obtendrá la aplicación los datos? y asigne un identificador al origen de datos en el cuadro Especifique un identificador para el origen de datos.
4. Si elige Archivo XML, en el cuadro de diálogo Configurar origen de datos, especifique el archivo XML en el cuadro Archivo de datos y, si lo desea, un archivo de transformación XSL o una expresión XPath para el origen de datos XML.
5. Haga clic en Aceptar en el cuadro de diálogo y el asistente para volver al control en la vista Diseño.
6. Haga clic con el botón secundario en el control y haga clic en la opción Editar enlaces de datos de Tree&Node del menú contextual.
7. En la lista Enlaces de datos disponibles, seleccione el campo XML al que desea enlazar el menú y haga clic en Agregar.
8. Seleccione el campo de la lista Enlaces de datos seleccionados y establezca los valores de las propiedades del área Propiedades de enlace de datos. Por ejemplo, para especificar el texto que se mostrará en el menú, elija #InnerText en lista desplegable de la propiedad TextField para mostrar el texto entre las etiquetas inicial y final del elemento XML.