1

Default.aspx y una hoja de estilos en cascada), para Ajax (archivos de script de

cliente) y para la autenticacin (pertenencia a ASP.NET).

Crear un archivo XML para datos

Cree un nuevo archivo XML siguiendo los pasos que se indican a continuacin.

Para crear el archivo XML

1. En el Explorador de soluciones, haga clic con el botn secundario del mouse en el
sitio Web y, a continuacin, haga clic en Agregar nuevo elemento.
2. En el cuadro de dilogo Agregar nuevo elemento, en Estndar, Plantillas, haga clic
en Archivo XML.
3. En el cuadro Nombre, escriba Bookstore.xml y haga clic en Agregar.
Visual Web Developer crea el nuevo archivo Bookstore.xml y abre el editor de
cdigo.
4. Copie los siguientes datos XML y despus pguelos en el archivo Bookstore.xml,
de modo que se sobrescriba toda la informacin existente.
5. <?xml version="1.0" standalone="yes"?>
6. <bookstore>
7.
<genre name="fiction">
8.
<book ISBN="10-000000-001">
9.
<title>The Iliad and The Odyssey</title>
10.
<price>12.95</price>
11.
<comments>
12.
<userComment rating="4">
13.
Best translation I've read.
14.
</userComment>
15.
<userComment rating="2">
16.
I like other versions better.
17.
</userComment>
18.
</comments>
19.
</book>
20.
<book ISBN="10-000000-999">
21.
<title>Anthology of World Literature</title>
22.
<price>24.95</price>
23.
<comments>
24.
<userComment rating="3">
25.
Needs more modern literature.
26.
</userComment>
27.
<userComment rating="4">
28.
Excellent overview of world literature.
29.
</userComment>
30.
</comments>

31.
</book>
32.
</genre>
33.
<genre name="nonfiction">
34.
<book ISBN="11-000000-002">
35.
<title>Computer Dictionary</title>
36.
<price>24.95</price>
37.
<comments>
38.
<userComment rating="3">A valuable resource.</userComment>
39.
</comments>
40.
</book>
41.
<book ISBN="11-000000-003">
42.
<title>Cooking on a Budget</title>
43.
<price>23.95</price>
44.
<comments>
45.
<userComment rating="4">Delicious!</userComment>
46.
</comments>
47.
</book>
48.
</genre>
49. </bookstore>

El archivo XML contiene informacin acerca de los libros que podran estar
disponibles en una librera en lnea.
50. Guarde el archivo Bookstore.xml y cirrelo.
Mostrar datos XML en el control TreeView
En esta seccin utilizar el control TreeView para mostrar los datos XML.Para empezar,
puede hacer que se muestre la informacin XML sin ninguna configuracin especial.

Para mostrar los datos XML

1. Abra la pgina Default.aspx y, a continuacin, cambie a la vista Diseo.
2. En el Cuadro de herramientas, arrastre un control TreeView desde el grupo
Navegacin hasta la pgina.
3. Haga clic con el botn secundario del mouse en el control TreeView y, a
continuacin, seleccione Mostrar etiqueta inteligente.
4. En el men Tareas de Treeview, en la lista desplegable Elegir origen de datos,
seleccione Nuevo origen de datos.Aparece el Asistente para la configuracin de
orgenes de datos.
5. En la ventana De dnde obtendr la aplicacin los datos?, seleccione Archivo
XML.Deje el id. predeterminado para el origen de datos.Haga clic en Aceptar.
6. En el cuadro de dilogo Configurar origen de datos, en el cuadro Archivo de datos,
escriba ~/Bookstore.xml y haga clic en Aceptar.

Ya puede probar la pgina.

Para probar la pgina

1. Presione CTRL+F5 para ejecutar la pgina.
2. Contraiga los nodos del control y, a continuacin, expndalos.
De forma predeterminada, los nodos slo muestran los nombres de etiqueta de los
elementos que hay en el archivo Bookstore.xml.
Puede personalizar la informacin que se muestra en el control TreeView mediante la
creacin de enlaces personalizados, que le permiten especificar qu informacin del archivo
XML debe mostrarse para cada nodo.

Para crear enlaces personalizados

1. En la pgina Default.aspx, haga clic con el botn secundario del mouse en el control
TreeView y, a continuacin, haga clic en Mostrar etiqueta inteligente.
2. En el men Tareas de Treeview, haga clic en Editar enlaces de datos de TreeNode.
Aparecer el cuadro de dilogo Editor de DataBinding de TreeView.
3. Desactive la casilla Generar automticamente enlaces de datos, porque definir los
enlaces de datos.
4. Haga clic en Agregar para crear un nuevo enlace y a continuacin, en Propiedades
de enlace de datos, establezca DataMember en librera y Text en Informacin de
libros.
Va a configurar el enlace para que se muestre un valor esttico, porque el nodo
Librera es el que se encuentra en la parte superior del archivo .xml y slo aparece
una vez en el control TreeView.
5. Haga clic en Agregar para crear un segundo enlace y a continuacin, en Propiedades
de enlace de datos, establezca DataMember en gnero y TextField en nombre.
As se especifica que el nodo leer el elemento <genre> en el archivo .xml y
asignar su atributo name a la propiedad TextField.
6. Haga clic en Agregar para crear un tercer enlace para los libros y a continuacin, en
Propiedades de enlace de datos, establezca DataMember en libro y TextField en
ISBN.
7. Haga clic en Aceptar.

Ya puede probar la pgina.

Para probar la pgina

Presione CTRL+F5 para ejecutar la pgina.

En esta ocasin, el control TreeView muestra los tres niveles que corresponden a los
enlaces que ha definido.Los tres niveles son el nodo raz, con la etiqueta
Informacin de libros, los grupos de gneros y los datos de ISBN.

Puede crear un enlace de datos para cualquier elemento de un archivo XML, pero slo
puede enlazar con los atributos del elemento, el texto interior, el nombre del elemento o el
valor del elemento.No se puede enlazar con ninguno de los elementos anidados.Para
mostrar los valores en los elementos anidados, cree enlaces independientes a esos
elementos.Un mtodo alternativo consiste en transformar el archivo XML mediante XSLT,
de modo que los elementos internos se conviertan en atributos.Para obtener ms
informacin y un ejemplo, vea la propiedad XmlDataSource.TransformFile.
Mostrar datos relacionales en el control TreeView
El control TreeView puede mostrar cualquier tipo de datos jerrquicos, incluso si la
jerarqua de datos es lgica, como ocurre en una base de datos, y no fsica, como en un
archivo XML.En esta seccin utilizar el control TreeView para mostrar datos de las tablas
relacionadas en la base de datos Northwind.
Para empezar, crear una conexin al equipo en el que se ejecuta SQL Server y se encuentra
la base de datos Northwind.

Para crear una conexin con SQL Server

1. En el Explorador de servidores, haga clic con el botn secundario en Conexiones de
datos y, a continuacin, haga clic en Agregar conexin.Si utiliza Visual Web
Developer Express, use el Explorador de base de datos.
Aparecer el cuadro de dilogo Agregar conexin.
o Si en la lista Origen de datos no se muestra Microsoft SQL Server
(SqlClient), haga clic en Cambiar y, en el cuadro de dilogo Cambiar origen
de datos, seleccione Microsoft SQL Server.
o Si aparece la pgina Elegir origen de datos, en la lista Origen de datos,
seleccione el tipo de origen de datos que utilizar.Para este tutorial, el tipo
de origen de datos es Microsoft SQL Server.En la lista Proveedor de datos,
haga clic en Proveedor de datos de .NET Framework para servidor SQL
Server y, a continuacin, haga clic en Continuar.

Nota
Si la ficha Explorador de servidores no est visible en Visual Web Developer, en el men
Ver haga clic en Explorador de servidores.Si la ficha Explorador de base de datos no est
visible, en el men Ver haga clic en Explorador de base de datos.
2. En el cuadro Agregar conexin, escriba el nombre de su servidor en Nombre de
servidor.
3. En la seccin Conexin con el servidor, seleccione la opcin que resulte apropiada
para el acceso a la base de datos de SQL Server que se ejecuta (seguridad integrada
o id. y contrasea especficos) y, si es necesario, especifique un nombre de usuario y
una contrasea.
4. Active la casilla Guardar mi contrasea.
Nota
En aplicaciones de produccin, no utilice Guardar mi contrasea, porque con esta opcin se
incrustan el nombre de usuario y la contrasea en los archivos de aplicacin.
5. En Seleccione o escriba el nombre de la base de datos, escriba Northwind.
6. Haga clic en Probar conexin y, cuando est seguro de que funciona, haga clic en
Aceptar.
La nueva conexin se ha creado bajo Conexiones de datos en el Explorador de
servidores (o en el Explorador de base de datos).

Configurar un control TreeView para que se muestren datos de bases de

datos
En esta seccin rellenar nodos con datos dinmicamente.Los nodos de primer nivel
representarn los datos principales (en este caso, categoras).Cuando los usuarios hagan clic
en un nodo, se crearn los nodos secundarios de la categora mediante una consulta a la
base de datos con la que se recuperen los productos de esa categora.Para recuperar los
datos, puede utilizar un control de origen de datos.Sin embargo, en este tutorial crear y
ejecutar una consulta mediante programacin.
Para comenzar, cree una nueva pgina y un nuevo control TreeView.

Para crear la nueva pgina y el control TreeView

1. Agregue al sitio Web una pgina Web ASP.NET (pgina de formularios Web Forms)
con el nombre TreeViewDynamic.aspx.
2. Abra la pgina TreeViewDynamic.aspx, cambie a la vista de diseo y despus, en
Toolbox, desde el grupo Estndar, arrastre un control Label hasta la pgina y
asgnele el nombre labelStatus.
El control labelStatus slo se utiliza para generar informes de errores.
3. En el Cuadro de herramientas, arrastre un control TreeView desde el grupo
Navegacin hasta la pgina.
4. Haga clic con el botn secundario en el control TreeView, haga clic en Propiedades
y, a continuacin, establezca MaxDataBindDepth en 2.
5. Haga clic con el botn secundario del mouse en el control TreeView, haga clic en
Mostrar tareas inteligentes y, a continuacin, en el men Tareas de Treeview, haga
clic en Editar nodos.
6. En el cuadro de dilogo Editor de nodos de TreeView, haga clic en el icono que
tiene la etiqueta Agregar un nodo raz y despus, en Propiedades, establezca Text en
Lista de productos y PopulateOnDemand en true.
7. Haga clic en Aceptar.
Crea el nodo superior del rbol, que slo contiene texto esttico.

Para configurar el archivo Web.config

1. En el Cuadro de herramientas, arrastre un control SqlDataSource desde el grupo
Datos hasta la pgina.
2. Seleccione el control SqlDataSource y, a continuacin, haga clic en Mostrar etiqueta
inteligente.
3. En el men Tareas de SqlDataSource, haga clic en Configurar origen de datos.
El asistente Configurar origen de datos - SqlDataSource1 muestra una pgina en la
que puede elegir una conexin.
4. En el cuadro Qu conexin de datos debera utilizar la aplicacin para conectarse a
la base de datos?, escriba la conexin que cre en la seccin "Para crear una
conexin a una base de datos de SQL Server" y, a continuacin, haga clic en
Siguiente.

El asistente muestra una pgina en la que se puede almacenar la cadena de conexin

en un archivo de configuracin.Almacenar la cadena de conexin en el archivo de
configuracin tiene dos ventajas:
o Es ms seguro que almacenarla en la pgina.
o Puede utilizar la misma cadena de conexin en varias pginas.
5. Active la casilla S, guardar esta conexin como y haga clic en Siguiente.
El asistente muestra una pgina donde se puede especificar los datos que se desea
recuperar de la base de datos.
6. En Especificar columnas de una tabla o vista, en el cuadro Nombre, haga clic en
Categoras.
7. En Columnas, seleccione los cuadros CategoryID y CategoryName.
8. Haga clic en Siguiente.
9. Haga clic en Finalizar.
Utilizar la cadena de conexin creada en el archivo Web.config ms adelante, en el
mtodo RunQuery que se define posteriormente en este tutorial.No utilizar el
control SqlDataSource.
Ahora agregar cdigo para rellenar los nodos secundarios del control cuando los usuarios
hagan clic en el nodo.Para agregar nodos dinmicamente, cree un controlador de eventos
para el evento TreeNodePopulate.

Para crear el controlador de eventos

1. Haga clic con el botn secundario del mouse en el control TreeView y, en
Propiedades, haga clic en el icono Eventos.
2. Haga doble clic en el cuadro para el evento TreeNodePopulate.
Visual Web Developer cambia a la vista Cdigo fuente.
3. Agregue al controlador el cdigo resaltado que se muestra a continuacin.
VB
Protected Sub TreeView1_TreeNodePopulate(ByVal sender As Object, _
ByVal e As System.Web.UI.WebControls.TreeNodeEventArgs) _
Handles TreeView1.TreeNodePopulate
If e.Node.ChildNodes.Count = 0 Then

Select Case e.Node.Depth

Case 0
PopulateCategories(e.Node)
Case 1
PopulateProducts(e.Node)
End Select
End If
End Sub

C#
protected void TreeView1_TreeNodePopulate(
object sender, TreeNodeEventArgs e)
{
if (e.Node.ChildNodes.Count == 0)
{
switch (e.Node.Depth)
{
case 0:
PopulateCategories(e.Node);
break;
case 1:
PopulateProducts(e.Node);
break;
}
}
}

Se llama a este cdigo cuando un usuario hace clic en un nodo para abrirlo.Dado
que desea que se muestren datos distintos en diferentes niveles del rbol, deber
determinar en qu profundidad ha hecho clic el usuario y, a continuacin, rellenar
adecuadamente los nodos de ese nivel.En este tutorial se llama al mtodo
PopulateCategories si el usuario hace clic en el nodo raz (profundidad 0).Se llama
al mtodo PopulateProducts si el usuario hace clic en un nombre de categora
(profundidad 1).Los mtodos se muestran en la seccin siguiente.
El objeto TreeNodeEventArgs proporciona acceso mediante programacin al nodo
actual.Para rellenar el nodo, agrguele elementos.En el cdigo de ejemplo, el nodo
se pasa al mtodo que agregar los nodos secundarios.

Leer datos de nodos de la base de datos

La informacin que se debe mostrar en cada nodo procede de la base de datos.Debe escribir
el cdigo encargado de realizar la consulta de la base de datos, leer los registros y crear un
nodo para cada registro.En este tutorial se supone que est trabajando con la base de datos
de SQL Server de ejemplo Northwind, por lo que debe utilizar objetos ADO.NET del
espacio de nombres System.Data.SqlClient.
Para el primer nivel de nodos (nivel 0), har que se muestre una lista de todas las categoras
disponibles.El cdigo que cree llama a un mtodo RunQuery que crear despus en el
tutorial.

Para agregar nodos para todas las categoras

1. Cambie a la vista de cdigo fuente.
2. Si est trabajando con una pgina de un solo archivo, agregue las directivas
siguientes a la parte superior de la pgina de cdigo.
3. <%@ Import Namespace="System.Data" %>
4. <%@ Import Namespace="System.Data.SqlClient" %>

Si importa los espacios de nombres le resultar ms fcil escribir el cdigo que

necesita.
5. Si trabaja con una pgina con cdigo subyacente, cambie a esa pgina
(TreeViewDynamic.aspx.vb o TreeViewDynamic.aspx.cs) y agregue las lneas que
se indican a continuacin a la parte superior del archivo de cdigo, fuera de la
declaracin de clase.
VB
Imports System.Data
Imports System.Data.SqlClient

C#
using System.Data;
using System.Data.SqlClient;

6. Asegrese de que la pgina todava est en la vista Cdigo fuente.

7. Agregue el mtodo siguiente al cdigo de la pgina.
VB
Sub PopulateCategories(ByVal node As TreeNode)
Dim sqlQuery As New SqlCommand( _
"Select CategoryName, CategoryID From Categories")
Dim ResultSet As DataSet
ResultSet = RunQuery(sqlQuery)
If ResultSet.Tables.Count > 0 Then
Dim row As DataRow
For Each row In ResultSet.Tables(0).Rows
Dim NewNode As TreeNode = New _
TreeNode(row("CategoryName").ToString(), _
row("CategoryID").ToString())
NewNode.PopulateOnDemand = True
NewNode.SelectAction = TreeNodeSelectAction.Expand
node.ChildNodes.Add(NewNode)
Next
End If

End Sub

C#
void PopulateCategories(TreeNode node)
{
SqlCommand sqlQuery = new SqlCommand(
"Select CategoryName, CategoryID From Categories");
DataSet resultSet;
resultSet = RunQuery(sqlQuery);
if (resultSet.Tables.Count > 0)
{
foreach (DataRow row in resultSet.Tables[0].Rows)
{
TreeNode NewNode = new
TreeNode(row["CategoryName"].ToString(),
row["CategoryID"].ToString());
NewNode.PopulateOnDemand = true;
NewNode.SelectAction = TreeNodeSelectAction.Expand;
node.ChildNodes.Add(NewNode);
}
}
}

El cdigo crea un objeto SqlCommand que encapsula el texto de la consulta.Pasa el

objeto a un mtodo (que escribir) que realiza la consulta a la base de datos y
devuelve un objeto DataSet.A continuacin, el cdigo recorre los registros del
objeto DataSet y crea para cada registro un nuevo nodo, del que se establece el texto
y el valor con informacin de la base de datos.A continuacin, el cdigo establece la
propiedad PopulateOnDemand de cada nodo en true para que el nodo inicie su
evento TreeNodePopulate cuando se hace clic.Se establece la propiedad
SelectAction para que se expandan los nodos de forma predeterminada.
El segundo nivel de nodos mostrar los productos de cada categora.Por eso, para rellenar
los nodos de productos se necesita una consulta con parmetros que permita recuperar los
productos de la categora actual y rellenar los nodos secundarios segn corresponda.

Para agregar nodos de productos

Agregue el mtodo siguiente al cdigo de la pgina.

VB
Sub PopulateProducts(ByVal node As TreeNode)
Dim sqlQuery As New SqlCommand
sqlQuery.CommandText = "Select ProductName From Products " & _
" Where CategoryID = @categoryid"
sqlQuery.Parameters.Add("@categoryid", SqlDbType.Int).Value = _
node.Value
Dim ResultSet As DataSet = RunQuery(sqlQuery)
If ResultSet.Tables.Count > 0 Then

Dim row As DataRow

For Each row In ResultSet.Tables(0).Rows
Dim NewNode As TreeNode = New _
TreeNode(row("ProductName").ToString())
NewNode.PopulateOnDemand = False
NewNode.SelectAction = TreeNodeSelectAction.None
node.ChildNodes.Add(NewNode)
Next
End If
End Sub

C#
void PopulateProducts(TreeNode node)
{
SqlCommand sqlQuery = new SqlCommand();
sqlQuery.CommandText = "Select ProductName From Products " +
" Where CategoryID = @categoryid";
sqlQuery.Parameters.Add("@categoryid", SqlDbType.Int).Value =
node.Value;
DataSet ResultSet = RunQuery(sqlQuery);
if (ResultSet.Tables.Count > 0)
{
foreach (DataRow row in ResultSet.Tables[0].Rows)
{
TreeNode NewNode = new
TreeNode(row["ProductName"].ToString());
NewNode.PopulateOnDemand = false;
NewNode.SelectAction = TreeNodeSelectAction.None;
node.ChildNodes.Add(NewNode);
}
}
}

Este cdigo es similar al cdigo utilizado para rellenar el nodo de categoras.Una de

las diferencias es que el objeto SqlCommand se configura con un parmetro que se
establece en tiempo de ejecucin con el valor del nodo en el que ha hecho clic el
usuario; es decir, de la categora seleccionada.Otra diferencia estriba en que la
propiedad PopulateOnDemand se establece en false.Esto provoca que se muestren
los nodos de los productos sin botn de expansin, lo que es necesario porque no
hay ningn nodo ms debajo de los productos.
El paso final consiste en crear el mtodo que realiza la consulta y devuelve el conjunto de
datos.

Para realizar la consulta

Agregue la siguiente subrutina a la pgina.

VB
Function RunQuery(ByVal sqlQuery As SqlCommand) As DataSet

Dim connectionString As String

connectionString = _
ConfigurationManager.ConnectionStrings _
("NorthwindConnectionString").ConnectionString
Dim dbConnection As New SqlConnection
dbConnection.ConnectionString = connectionString
Dim dbAdapter As New SqlDataAdapter
dbAdapter.SelectCommand = sqlQuery
sqlQuery.Connection = dbConnection
Dim resultsDataSet As DataSet = New DataSet
Try
dbAdapter.Fill(resultsDataSet)
Catch ex As Exception
labelStatus.Text = "Unable to connect to SQL Server."
End Try
Return resultsDataSet
End Function

C#
private DataSet RunQuery(SqlCommand sqlQuery)
{
string connectionString =
ConfigurationManager.ConnectionStrings
["NorthwindConnectionString"].ConnectionString;
SqlConnection DBConnection =
new SqlConnection(connectionString);
SqlDataAdapter dbAdapter = new SqlDataAdapter();
dbAdapter.SelectCommand = sqlQuery;
sqlQuery.Connection = DBConnection;
DataSet resultsDataSet = new DataSet();
try
{
dbAdapter.Fill(resultsDataSet);
}
catch
{
labelStatus.Text = "Unable to connect to SQL Server.";
}
return resultsDataSet;
}

Con este cdigo se crea un adaptador de datos basado en el objeto SqlCommand que
se le pasa.A continuacin, se crea y se rellena un conjunto de datos con el adaptador.
Ya puede probar la pgina.

Para probar la pgina

1. Presione CTRL+F5 para ejecutar la pgina.
El control TreeView se muestra con una lista de categoras y productos.

2. Haga clic en una categora con objeto de confirmar que se contrae y se expande para
mostrar una lista de productos en cada categora.

http://msdn.microsoft.com/es-es/library/7a9swst5%28v=vs.100%29.aspx

TreeView (control)
Expression Studio 2.0
Otras versiones

Personas que lo han encontrado til: 2 de 3 - Valorar este tema

El control TreeView sirve para mostrar datos jerrquicos, como una tabla de contenido o un
directorio de archivos, en una estructura de rbol.
Para agregar un control TreeView a una pgina

Arrastre el control TreeView del panel de tareas Cuadro de herramientas a la pgina.

Para aplicar esquemas de formato bsico al control TreeView

1. En la vista Diseo, haga clic con el botn secundario en el control TreeView y, a

continuacin, haga clic en Mostrar tareas de control comunes.
Nota:

Tambin puede hacer clic en el control TreeView en la vista Diseo y en la flecha de la

esquina superior derecha para mostrar el men Tareas de TreeView. Haga clic de nuevo en
la flecha para ocultar el men.
2. En el men Tareas de TreeView, haga clic en Autoformato.

3. En el cuadro de dilogo Autoformato, seleccione uno de los esquemas de la lista

Seleccione un esquema. El efecto del esquema en el control TreeView se muestra en
el rea Vista previa.
4. Haga clic en Aceptar para aplicar el esquema de formato y cerrar el cuadro de
dilogo, o en Aplicar para aplicar el esquema de formato sin cerrar el cuadro de
dilogo.
Al igual que con todos los controles ASP.NET, puede definir la apariencia y el
comportamiento si establece las propiedades en el panel de tareas Propiedades de etiqueta.
Para obtener una descripcin completa de todas las propiedades del control TreeView, vea
TreeView (puede estar en ingls) en MSDN Library.
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

Descripcin

Raz

Nodo que no tiene ningn 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 ningn nodo secundario.

Aunque un rbol tpico slo tiene un nodo raz, el control TreeView le permite agregar
varios nodos raz a la estructura de rbol. Esto resulta til cuando se desean mostrar las
listas de elementos sin mostrar un nico nodo raz principal, como por ejemplo, en una lista
de categoras de producto.
Cada nodo tiene una propiedad Text y una propiedad Value. El valor de la propiedad Text
se muestra en el control TreeView, mientras que la propiedad Value se usa para almacenar
cualquier dato adicional sobre el nodo, como los datos transferidos al evento de devolucin
de datos asociado con el nodo.
Para definir nodos para el control TreeView

1. En la vista Diseo, haga clic con el botn secundario en el control TreeView y, a

continuacin, haga clic en Mostrar tareas de control comunes.
2. En el men Tareas de TreeView, haga clic en Editar nodos.
3. En el cuadro de dilogo Editor de nodos de TreeView, haga clic en Agregar un
elemento de raz

para agregar un elemento.

4. En el rea Propiedades, establezca las propiedades Text y NavigateUrl, as como

cualquier otra propiedad que desee establecer para el nodo.
5. Agregue ms elementos de raz o elementos secundarios al elemento seleccionado;
para ello, haga clic en Agregar un elemento secundario

6. Cuando haya agregado varios elementos de men, puede ajustar su orden o sangra
si los selecciona y hace clic en Subir un elemento entre sus relacionados
un elemento entre sus relacionados
relacionado de su principal

, Bajar

, Convierta el elemento seleccionado en un

, Convertir el elemento seleccionado en el secundario

del elemento relacionado que le precede

o Quitar un elemento

Puede enlazar un control TreeView a los controles XmlDataSource (control) y

SiteMapDataSource (control). Adems, al enlazar datos, dispone de control total sobre los
campos que se estn rellenando desde el origen de datos. Para obtener ms informacin,
vea la pgina acerca de cmo enlazar datos al control TreeView del servidor web (puede
estar en ingls) en la biblioteca MSDN.
Para enlazar el control TreeView a un origen de datos

1. En la vista Diseo, haga clic con el botn secundario en el control TreeView y, a

continuacin, 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 dnde obtendr la aplicacin 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 dilogo Configurar origen de datos,

especifique el archivo XML en el cuadro Archivo de datos y, si lo desea, un archivo
de transformacin XSL o una expresin XPath para el origen de datos XML.
5. Haga clic en Aceptar en el cuadro de dilogo y el asistente para volver al control en
la vista Diseo.
6. Haga clic con el botn secundario en el control y haga clic en la opcin 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.
http://msdn.microsoft.com/es-es/library/cc295427.aspx