Comment ajouter des cases à cocher pour Ext.d'arbre en arbre.TreePanel?

J'ai créé cette simple arbre:

var children = [{
         text:'My Layers',
         children:[
           new Ext.tree.TreeNode({text:'test1',leaf:true}),
           new Ext.tree.TreeNode({text:'test2',leaf:true})
        ]
    }];
    var tree = new Ext.tree.TreePanel({
       loader:new Ext.tree.TreeLoader(),
       width:150,
       title:'Layers',
       height:250,
       collapsible:true,
       rootVisible:false,
       root: new Ext.tree.AsyncTreeNode({
           expanded:true,
           leaf:false,
           text:'Tree Root',
           children:children
       })
    });

Comment puis-je ajouter une Case à cocher pour chaque nœud?

En fait, je vais passer la liste en tant que paramètre à la fonction dans un tableau JSON (par exemple, ["test1","test2"]). Quelle est la bonne façon de charger les nœuds de données JSON?

Je suis en utilisant ExtJs 2.3 avec GeoExt.

Cheers!

OriginalL'auteur Mulone | 2010-09-01

  1. 4

    http://dev.sencha.com/deploy/dev/examples/tree/check-tree.html

    La bibliothèque EXTJS est un exemple de ce type.

    ops, je n'ai pas à le trouver :-/
    N'ai pas trouvé quoi?
    Je n'avais pas trouvé l'exemple que vous avez collé. Cheers

    OriginalL'auteur mad_typist

  2. 3

    Vous pouvez définir "est cochée: true/false' au niveau du nœud d'apporter la case à cocher.
    D'abord, il est fixé à null.

    var children = [{
     text:'My Layers',
     children:[
       new Ext.tree.TreeNode({text:'test1',leaf:true, **checked: true**}),
       new Ext.tree.TreeNode({text:'test2',leaf:true, **checked: false**})
    ]
}];

    OriginalL'auteur Shashwat