Discussion :

[verbose]

Bonjour,

J'ai un treegrid qui charge actuellement toute l'arborescence dès la première requête.

Je voudrais que l'arbre soit replié, et que l'arborescence soit chargée partiellement uniquement lorsqu'on ouvre un noeud. On chargerait donc uniquement les noeuds enfants placés directement sous le noeud ouvert.

Voici actuellement ce que je fais :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
    var store = Ext.create('Ext.data.TreeStore', {
        //autoLoad: true,
        //autoSync: true,
        model: 'Task',
        proxy: {
            type: 'ajax',
            url: 'data/treegrid.json',
            reader: {
                type: 'json'
            },
            writer: {
                type: 'json'
            }
        },
        folderSort: true
    });

En cherchant un peu sur Internet, il semble que l'approche est bonne, mais il manque une chose, me semble-t-il : quels paramètres sont passés au serveur pour lui dire le noeud qu'il doit charger.
J'ai une resource côté serveur qui pointe sur l'url : data/treegrid.json, mais actuellement, à défaut de savoir quel noeud doit être chargé, j'envoie toute l'arborescence.
Quels sont les paramètres envoyés par ExtJS, et sur quoi se base ExtJS pour constituer ces paramètres ?

[verbose]

Finalement j'ai trouvé la solution à mon problème en tatonant.

En fait, ce n'est pas au niveau du JS qu'il faut faire des modifs mais au niveau du serveur. Il faut que le serveur envoie dans les données JSON un attribut 'id' pour chaque noeud. Ainsi, lorsqu'un noeud est déplié, une requête GET est envoyé au serveur avec le paramètre 'id' qui lui aura été préalablement envoyé.

Sinon, la configuration ci-dessus est la bonne.
Voilà, en espérant que cela pourra aider quelqu'un.