Controllo TreeView

Il controllo TreeView consente di creare una struttura ad albero per visualizzare dati organizzati in modo gerarchico, ad esempio un sommario o una directory di file.

Per aggiungere un controllo TreeView a una pagina

• Trascinare il controllo TreeView dal pannello Casella degli strumenti nella pagina.

Per applicare gli schemi di formattazione di base al controllo TreeView

1. Nella visualizzazione Progettazione, fare clic con il pulsante destro del mouse sul controllo TreeView, quindi scegliere Mostra attività controlli comuni.

   [!NOTA]

   È inoltre possibile fare clic sul controllo TreeView nella visualizzazione Progettazione e fare clic sulla freccia nell'angolo superiore destro per visualizzare il menu Attività comuni di TreeView. Fare di nuovo clic sulla freccia per nascondere il menu.

2. Scegliere Formattazione automatica dal menu Attività comuni di TreeView.

3. Nella finestra di dialogo Formattazione automatica selezionare uno degli schemi disponibili nell'elenco Selezionare uno schema. L'effetto dello schema sul controllo TreeView viene visualizzato nell'area Anteprima.

4. Fare clic su OK per applicare lo schema di formattazione e chiudere la finestra di dialogo oppure fare clic su Applica per applicare lo schema di formattazione senza chiudere la finestra di dialogo.

Come per tutti i controlli ASP.NET, è possibile specificare l'aspetto e il comportamento impostando le proprietà nel pannello Proprietà tag. Per una descrizione completa di tutte le proprietà del controllo TreeView, vedere TreeView  in MSDN Library.

Tipi di nodi TreeView

Il controllo TreeView è costituito da uno o più nodi. Ogni voce nella struttura è denominata nodo. Nella tabella seguente vengono descritti i tre tipi di nodi supportati.

Tipi di nodi del controllo TreeView

Tipo di nodo	Descrizione
Principale	Un nodo senza nodi padre e con uno o più nodi figlio.
Padre	Un nodo con un nodo padre e uno o più nodi figlio.
Foglia	Un nodo senza nodi figlio.

Anche se in una struttura è normalmente presente un solo nodo principale, il controllo TreeView consente di aggiungere più nodi principali alla struttura. Questa funzionalità risulta utile quando si desidera visualizzare elenchi di elementi senza visualizzare un singolo nodo principale, come nel caso di un elenco di categorie di prodotti.

Ogni nodo dispone di una proprietà Text e di una proprietà Value. Il valore della proprietà Text viene visualizzato nel controllo TreeView, mentre la proprietà Value viene utilizzata per archiviare dati aggiuntivi relativi al nodo, ad esempio i dati passati all'evento di postback associato al nodo.

Per definire nodi per il controllo TreeView

1. Nella visualizzazione Progettazione, fare clic con il pulsante destro del mouse sul controllo TreeView, quindi scegliere Mostra attività controlli comuni.

2. Scegliere Modifica nodi dal menu Attività per TreeView.

3. Nella finestra di dialogo Editor dei nodi di TreeView fare clic su Aggiungi nodo principale per aggiungere un elemento.

4. Nell'area Proprietà impostare le proprietà Text e href e tutte le altre proprietà che si desidera impostare per il nodo.

5. Aggiungere altri elementi radice oppure elementi figlio all'elemento selezionato facendo clic su Aggiungi elemento figlio.

6. Dopo aver aggiunto varie voci di menu, è possibile modificarne l'ordine e il rientro selezionando una voce e facendo clic su Sposta un elemento verso l'alto tra gli elementi di pari livello, Sposta un elemento verso il basso tra gli elementi di pari livello, Imposta l'elemento selezionato come elemento di pari livello del proprio elemento padre, Imposta l'elemento selezionato come figlio dell'elemento di pari livello precedente oppure Rimuovi elemento.

È possibile associare un controllo TreeView al Controllo XmlDataSource e al Controllo SiteMapDataSource. Quando si esegue l'associazione di dati, inoltre, è possibile avere il controllo completo dei campi in cui vengono inseriti i dati ottenuti dall'origine dati. Per ulteriori informazioni, vedere Associazione di dati al controllo server Web TreeView  in MSDN Library.

Per associare il controllo TreeView a un'origine dati

1. Nella visualizzazione Progettazione, fare clic con il pulsante destro del mouse sul controllo TreeView, quindi scegliere Mostra attività controlli comuni.

2. Nella casella di riepilogo Scegli origine dati del menu Attività comuni di DropDownList selezionare <Nuova origine dati>.

3. Se si sceglie <Nuova origine dati>, verrà visualizzato l'argomento+++ Configurare un'origine dati utilizzando un controllo associato a dati. Fare clic su SiteMap o File XML nella casella Specificare l'origine dei dati utilizzati dall'applicazione e quindi specificare l'ID dell'origine dati nella casella Specificare l'ID dell'origine dati.

4. Se si sceglie File XML, nella finestra di dialogo Configura origine dati specificare il file XML nella casella File di dati ed eventualmente un file di trasformazione XSL o un'espressione XPath per l'origine dati XML.

5. Fare clic su OK nella finestra di dialogo e nella procedura guidata per tornare al controllo nella visualizzazione Progettazione.

6. Fare clic con il pulsante destro del mouse e scegliere Modifica DataBindings di TreeNode dal menu di scelta rapida.

7. Nell'elenco Associazioni dati disponibili selezionare il campo XML a cui si desidera associare il menu e fare clic su Aggiungi.

8. Selezionare il campo nell'elenco Associazioni dati selezionate e impostare i valori della proprietà nell'area Proprietà associazione dati. Per specificare il testo visualizzato nel menu, ad esempio, scegliere #InnerText nella casella di riepilogo a discesa della proprietà TextField per visualizzare il testo tra i tag di inizio e di fine dell'elemento XML.

Vedere anche

Concetti

Controlli di spostamento ASP.NET
Controllo Menu
Controllo SiteMapPath