Inténtelo: crear un enlace de detalles de lista de tres niveles de profundidad
El tema Crear un enlace de datos de tipo lista/detalles le mostró cómo crear un enlace de datos de detalles de lista con dos niveles de profundidad. También puede crear una vista de lista/detalles con tres niveles de profundidad. Por ejemplo, podría utilizar una vista de detalles de lista con tres niveles de profundidad para una colección de música. La primera lista (un ListBox) es una lista de nombres de artistas. La segunda lista (un segundo ListBox) es una lista de álbumes del artista seleccionado. La vista de detalles puede incluir el nombre del álbum seleccionado y una imagen de la portada del álbum seleccionado.
Sugerencia
Un ListBox combina la vista de lista y la vista de detalles.La propia lista es una vista de lista y cada elemento de la lista es una vista de detalles.
Para crear un enlace de datos de detalles de lista con tres niveles de profundidad
En el panel Datos, haga clic en Nuevos datos de ejemplo. En el cuadro de diálogo Nuevos datos de ejemplo, en el cuadro Nombre del origen de datos, escriba un nombre para los datos de ejemplo y, a continuación, haga clic en Aceptar.
En el panel Datos, haga clic en Colección para habilitar el cuadro de texto y, a continuación, escriba Artistas.
Haga clic en Property1 para habilitar el cuadro de texto y, a continuación, escriba Nombre del artista. Haga clic en **Cambiar tipo de propiedad **
.png "JJ171013.c4968582-0dae-407e-961b-80ffa2838f3b(es-es,VS.120).png")
. En la lista desplegable Formato, haga clic en Nombre.Haga clic con el botón secundario en Property2 y, a continuación, haga clic en Quitar "Property2".
A la derecha de Artistas, realice lo siguiente:
Haga clic en la flecha situada junto al signo más
.png "JJ171013.203a14a5-0db2-486e-9b94-4fdf658d531b(es-es,VS.120).png")
y, a continuación, en el menú desplegable que aparece, haga clic en Agregar propiedad de colección.Haga clic en Colección para habilitar el cuadro de texto y, a continuación, escriba Álbumes.
A la derecha de Álbumes, realice lo siguiente:
Haga clic en **Agregar propiedad simple **
. Haga clic en Property1 para habilitar el cuadro de texto y, a continuación, escriba Nombre del álbum.Haga clic en **Cambiar tipo de propiedad **
y establezca Recuento máximo de palabras en 2.
A la derecha de Álbumes, realice lo siguiente:
Haga clic en **Agregar propiedad simple **
. Haga clic en Property1 para habilitar el cuadro de texto y, a continuación, escriba Portada del álbum.Haga clic en **Cambiar tipo de propiedad **
. En la lista desplegable Tipo, haga clic en Imagen.Opcionalmente, en el cuadro Ubicación, haga clic en Examinar y busque una carpeta de imágenes.
En la parte superior del panel Datos, haga clic en Modo de lista.
Arrastre Artistas del panel Datos al lado izquierdo de la mesa de trabajo y colóquelo cuando aparezca la información sobre herramientas Crear un [ListBox] y enlazar su propiedad ItemsSource a Artista.
En la parte superior del panel Datos, haga clic en Modo de detalles.
En el panel Herramientas, haga clic en Cuadrícula. Dibuje un objeto Grid en el centro de la mesa de trabajo.
Arrastre Artistas del panel Datos al objeto Grid recién creado y colóquelo cuando aparezca la información sobre herramientas Enlazar datos de [Grid].d:DataContext a Artistas[0].
En la parte superior del panel Datos, haga clic en Modo de lista.
Arrastre Álbumes del panel Datos al objeto Grid y colóquelo cuando aparezca la información sobre herramientas Crear un [ListBox] y enlazar su propiedad ItemsSource a Álbumes.
En la parte superior del panel Datos, haga clic en Modo de detalles.
Presione y mantenga presionada la tecla Ctrl. En el panel Datos, haga clic en Portada del álbum y en Nombre del álbum. Arrastre Portada del álbum y Nombre del álbum a la parte derecha de la mesa de trabajo y colóquelo cuando aparezca la información sobre herramientas Crear vista de detalles.
Presione F5 para compilar y ejecutar el proyecto.
Ahora, cuando haga clic en un elemento de la primera lista, que se encuentra en la izquierda, se actualizará la segunda lista. Cuando seleccione un elemento de la segunda lista, se actualizará la vista de detalles.