Esercitazione: creare un'associazione elenco-dettagli con tre livelli di profondità

Nell'argomento Creare un'associazione dati elenco-dettagli viene illustrato come creare un'associazione dati di tipo elenco-dettagli che presenta due livelli. È inoltre possibile creare una visualizzazione di tipo elenco-dettagli che presenta tre livelli. Ad esempio, è possibile utilizzare una visualizzazione di tipo elenco-dettagli che presenta tre livelli per una raccolta musicale. Il primo elenco (ListBox) è un elenco di nomi di artisti. Il secondo elenco (un secondo ListBox) è un elenco di album dell'artista selezionato. La visualizzazione dei dettagli potrebbe includere il nome dell'album selezionato e un'immagine della copertina dell'album selezionato.

Suggerimento:
Un ListBox combina la visualizzazione dell'elenco e dei dettagli. L'elenco stesso è una visualizzazione elenco e ciascuna voce dell'elenco è una visualizzazione dettagli.

Per creare un'associazione dati di tipo elenco-dettagli che presenta tre livelli

1. Nel pannello Dati fare clic su Nuovi dati di esempio. Nella finestra di dialogo Nuovi dati di esempio, nella casella Nome origine dati, digitare un nome per i dati di esempio, quindi fare clic su OK.

2. Nel pannello Dati fare clic su Raccolta per abilitare la casella di testo, quindi digitare Artisti.

3. Fare clic su Property1 per abilitare la casella di testo, quindi digitare ArtistName. Fare clic su ****Modifica il tipo di proprietà ****. Dall'elenco a discesa Formato scegliere Nome.

4. Fare clic con il pulsante destro del mouse su Property2, quindi scegliere Rimuovi "Property2".

5. Sulla destra di Artisti effettuare le operazioni seguenti:

   1. Fare clic sulla freccia accanto al segno più , quindi dal menu a discesa visualizzato scegliere Aggiungi proprietà raccolta.

   2. Fare clic su Raccolta per abilitare la casella di testo, quindi digitare Albums.

6. Sulla destra di Albums effettuare le operazioni seguenti:

   1. Fare clic su ****Aggiungi proprietà semplice ****. Fare clic su Property1 per abilitare la casella di testo, quindi digitare AlbumName.

   2. Fare clic su ****Modifica il tipo di proprietà **** e impostare Numero massimo parole su 2.

7. Sulla destra di Albums effettuare le operazioni seguenti:

   1. Fare clic su ****Aggiungi proprietà semplice ****. Fare clic su Property1 per abilitare la casella di testo, quindi digitare AlbumCover.

   2. Fare clic su ****Modifica il tipo di proprietà ****. Dall'elenco a discesa Tipo scegliere Immagine.

   3. Facoltativamente, nella casella Percorso fare clic su Sfoglia per individuare una cartella di immagini.

8. Nella parte superiore del pannello Dati fare clic su Modalità elenco.

9. Trascinare Artists dal pannello Dati sulla parte sinistra della tavola da disegno e rilasciarlo quando viene visualizzata la descrizione Crea [ListBox] e associa la proprietà ItemsSource a Artists.

10. Nella parte superiore del pannello Dati fare clic su Modalità dettagli.

11. Nel pannello Strumenti fare clic su Grid. Disegnare un oggetto Grid al centro della tavola da disegno.

12. Trascinare Artists dal pannello Dati sull'oggetto Grid appena creato e rilasciarlo quando viene visualizzata la descrizione Associa dati di [Grid].d:DataContext a Artists[0].

13. Nella parte superiore del pannello Dati fare clic su Modalità elenco.

14. Trascinare Albums dal pannello Dati sull'oggetto Grid e rilasciarlo quando viene visualizzata la descrizione Crea [ListBox] e associa la proprietà ItemsSource a Albums.

15. Nella parte superiore del pannello Dati fare clic su Modalità dettagli.

16. Tenere premuto CTRL. Nel pannello Dati fare clic su AlbumCover e AlbumName. Trascinare AlbumCover e AlbumName sul lato destro della tavola da disegno e rilasciarli quando viene visualizzata la descrizione Crea visualizzazione dettagli.

17. Premere F5 per compilare ed eseguire il progetto.

A questo punto, quando si sceglie un elemento dal primo elenco a sinistra, il secondo elenco verrà aggiornato. Quando si sceglie un elemento dal secondo elenco, verrà aggiornata la visualizzazione dettagli.

Vedere anche

Attività

Creare un'associazione dati elenco-dettagli

Copyright © 2011 Microsoft Corporation. Tutti i diritti riservati.