Reference/Xul/tree

Permet d'afficher une boite de liste d'élement, linéaire ou en arbre, avec plusieurs colonnes (comme dans la liste des boites aux lettres et sous dossiers dans Mozilla Mail).

Exemple :

 <tree id="liste-taches" flex="1">
     <treecols>
            <treecol id="col1" label="Priorité" flex="1" />
            <treecol id="col2" label="Déscription" flex="4"/>
            <treecol id="col3" label="Effectué" flex="1" />
     </treecols>
     <treechildren id="liste-donnees">
        <treeitem>
            <treerow>
                <treecell label="aaaaa"/>
                <treecell label="bbbbb" />
                <treecell label="ccccc"/>
            </treerow>
         </treeitem>
        <treeitem>
            <treerow>
                <treecell label="aaaaa"/>
                <treecell label="bbbbb" />
                <treecell label="ccccc"/>
            </treerow>
         </treeitem>
     </treechildren>
 </tree>

BalisesDescriptifIncomplet

Attributs de la balise

Attributs hérités de Reference/Xul/ElementXul, en plus des suivants :

enableColumnDrag

Si égale à true, permet à l'utilisateur de modifier l'ordre des colonnes en drag'n'dropant les colonnes.

flags

Est utilisé quand le contenu provient d'une ressource RDF. Rôle précis ?

hidecolumnpicker

permet d'afficher (false) ou non (true) un petit bouton à droite des entêtes de colonnes, qui en cliquant dessus, affiche un menu popup listant la liste de toutes les colonnes, et permettant de cacher ou non chaque colonne. Par défaut : false.

onselect

Doit contenir du code javascript, qui sera executé à chaque fois que l'utilisateur sélectionnera une ligne dans la liste. Si la selection multiple est possible, à chaque ajout ou retrait d'une ligne de sélection, le onselect sera appelé.

pickertooltiptext

Contient le texte de la bulle apparaissant quand on laisse la souris au dessus du columnpicker.

seltype

Permet d'indiquer si la selection est unique ou multiple, c'est à dire si on peut ou pas selectionner plusieurs lignes à la fois (en appuyant sur shift ou ctrl en même temps que le clique sur une ligne).

single

on ne peut sélectionner qu'une seule ligne à la fois (valeur par défaut)

multiple

on peut sélectionner plusieurs lignes à la fois.

Propriétés et méthodes Javascript

builderView

contentView

currentIndex

contient le numéro de la ligne sélectionné, ou -1 si aucune ligne sélectionnée.

enableColumnDrag

Si égale à true, permet à l'utilisateur de modifier l'ordre des colonnes en drag'n'dropant les colonnes.

firstOrdinalColumn

selectionHead

selectionTail

singleSelection

Permet de lire/modifier la valeur de l'attribut selType.

treeBoxObject

view

Balises filles

• treecols
• treechildren

Références

http://www.xulplanet.com/references/elemref/ref_tree.html