L’oggetto tree è un componente pensato per visualizzare dinamicamente i dati; il contenuto e la struttura varia fin dall’inizio e durante le varie fasi del processo lavorativo. Esso può assomigliare a una lista, a una tabella o, appunto, a una struttura ad albero. Contrariamente alla listbox però la struttura dell’oggetto è divisa tra la parte visualizzata, l’oggetto tree, e il contenuto dinamico, treeview.

Cominciamo ad analizzare l’elemento tree: treecols e treecol sono sostanzialmente simili a quanto visto per le tabelle: il primo definisce il raggruppamento di colonne mentre il secondo il numero effettivo di colonne e i loro parametri.Se la colonna è gerarchica, è necessario specificare un attributo primario:treechildren invece definisce il corpo della struttura dell’albero così come la sua parte dinamica; è posizionato dopo treecols e contiene elementi treeitems:Un treeitem contiene una linea della “tabella dell’albero” (o treerow) e più specificatamente elementi treechildren in un numero variabile. Il termine può sembrare una contraddizione, ma dovete pensare alla struttura ad albero come a una tabella dinamica, in cui il numero di righe, colonne ed elementi può variare in base alle esigenze di visualizzazione dell’utente. Una treerow contiene sostanzialmente una linea della tabella formata da un numero variabile di treeitem o un numero fisso di treecell corrispondente al numero di colonne specificato da treecols; treecell è quindi un elemento indivisibile che contiene informazioni.

Proviamo ora a costruire una tabella utilizzando le arborescenze di XUL. In una tabella, il numero delle celle all’interno di un oggetto treeitem deve combaciare esattamente con il numero delle colonne in treecols. Il dinamismo intrinseco, specificato all’inizio del capitolo, in questo caso è legato al numero di righe, che è variabile e può modificarsi durante l’uso del programma di interfaccia. In aggiunta è possibile modificare il numero delle colonne visualizzate, nascondendole e mostrandole a seconda delle esigenze. Vediamo un esempio:Se visualizzate l’esempio precedente avrete una dimostrazione dell’utilizzo dell’albero come una tabella e della possibilità di visualizzare o meno delle colonne specifiche.

• Pubblicazioni correlate:
• 25-02-2009 Un tutorial su XUL: introduzione (1/25)
• 26-02-2009 Un tutorial su XUL: documentazione e riferimenti (2/25)
• 27-02-2009 Un tutorial su XUL: i vantaggi del linguaggio (3/25)
• 02-03-2009 Un tutorial su XUL: i benefici per la personalizzazione (4/25)
• 03-03-2009 Un tutorial su XUL: tecnologie esterne (5/25)
• 06-03-2009 Un tutorial su XUL: approccio al linguaggio (6/25)
• 10-03-2009 Un tutorial su XUL: struttura del linguaggio (7/25)
• 11-03-2009 Un tutorial su XUL: i file manifesto (8/25)
• 16-03-2009 Un tutorial su XUL: un primo programma (9/25)
• 17-03-2009 Un tutorial su XUL: finestre e box (10/25)
• 18-03-2009 Un tutorial su XUL: bottoni (11/25)
• 19-03-2009 Un tutorial su XUL: etichette e testo (12/25)
• 24-03-2009 Un tutorial su XUL: le immagini (13/25)
• 27-03-2009 Un tutorial su XUL: liste e tabelle (14/25)
• 31-03-2009 Un tutorial su XUL: un primo approccio ai menu (15/25)
• 01-04-2009 Un tutorial su XUL: menu evoluti (16/25)
• 06-04-2009 Un tutorial su XUL: barre degli strumenti (17/25)
• 23-04-2009 Un tutorial su XUL: alberi dinamici (19/25)