TreePanel ExtJS 4 [Résolu]

[insane_80]

Bonjour,

J'ai cherché beaucoup pour trouver un exemple complet d'un TreePanel ExtJS 4, ce tree doit être alimenté par une base de données via PHP. Les données doivent avoir des idFils et idPere...mais, je n'ai pas trouvé un exemple sur ce sujet.

Merci de m'aider pour trouver ce tutoriel.

Cdt.

[namavic]

Tu peux déjà essayer de suivre ce tuto de base :
http://tutoriel.lyondev.fr/pages/40-...el-Simple.html

[insane_80]

Merci namavic,

mais, c'est un tutoriel extjs 3, en plus il ne traite pas les idPere, c-a-d dans la base de données on a pour chaque enregistrement un IdPere pour construire dynamiquement l'arborescence.

[sekaijin]

heu c'est quoi le pb
tu ne sais pas comment faire une table hiérarchique en SQL
si c'est le cas pose la question dans les forum SQL il y a de nombreuse solutions et toute n'utilise pas de id

si c'est un pb extJS je n'ai pas compris le tuto contient tous ce qu'il faut

un arbres ExtJS n'implique pas d'avoir une table hérarchique.

par exemple pour afficher des Société/Services/Equipes/Personnel j'ai des table différentes qui ont des relations entre elles et un arbre Ext est l'outil parfait pour les afficher.

A+JYT

[insane_80]

NON, ce n'est un problème de SQL, mais c'est une question de comment alimenter un TreePanel ExtJS 4.
On a déjà une table SQL (id, idPere, libelle,...etc) et je veux créer un TreePanel d'après cette table.....comment signaler à mon TreePanel qu'il doit construire la hiérarchie d'après les id et idPere ?
Par exemple en ExtJS 3, on fait dataUrl : "xxxx.php".....et je ne sais pas la suite !! en ExtJs4 je ne sais rien. Je suis un vrai débutant en ExtJS et je veux un exemple qui traite ce point basique.

Merci

[sekaijin]

j'avoue ne pas comprendre tu dois produire une structure comme ça
tu as tout là !
tu lis ta table est tu mets ça dans un array comme dans cet exemple
et c'est tout

Code php :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<?php
    $arrData = array(
        array(
            'text'     => 'Menu Option 1',
            'leaf'    => true
        ),
        array(
            'text'     => 'Menu Option 2',
            'leaf'    => true
        ),
        array(
            'text'     => 'Menu Option 3',
            'leaf'    => true
        )
    );
 
    echo json_encode($arrData);
?>

A+JYT

[insane_80]

J'ai lit un bon tutoriel sur TreePanel ExtJS 3 :
http://tutoriel.lyondev.fr/pages/42-...-recursif.html

Et j'ai voulu un sur ExtJS4. En tous cas, je vais faire des efforts pour le trouver, parce que je ne peux pas travailler sur ce point avec des parties de code et sans avoir un exemple complet (je suis un vrai débutant sur ExtJS)

En tous cas, merci pour tout le monde.

[sekaijin]

Mais c'est quoi que tu n'arrive pas à faire ?

1) tu as un JSON correct et tu arrive pas à le lier à ton TreePanel ?
2) tu n'arrive pas à avoir un JSON Correct ?
3) tu ne sais pas parcourir ta table SQL ?
4) ...

C'est quoi ton problème ?
si tu ne t’explique pas on peut pas t'aider

A+JYT

[insane_80]

Merci sekaijin.

Il n'y a pas d'une chose précise que je n'arrive pas à faire, mais je cherche un exemple complet sur treePanel ExtJS 4, parce que c'est la première fois que je travaille sur ce framework.

Prenons l'exemple lien sur ExtJS 3:

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
Ext.onReady(function(){
 
    var monTreePanel = new Ext.tree.TreePanel({
        renderTo:Ext.getBody(),
 
        loader:new Ext.tree.TreeLoader({
            dataUrl : 'http://127.0.0.1/ext3/treePanelDyn.php'
 
        }),
        root: new Ext.tree.AsyncTreeNode({
            text: 'Racine'
        })
    })
    monTreePanel.on("beforeload", function(node) {
            monTreePanel.loader.baseParams.idParent = node.attributes.CAT_numero;
    }, this);
 
    monTreePanel.show();
});

Par exemple, je n'ai pas trouvé sur ExtJS 4 :
TreeLoader, dataUrl
AsyncTreeNode

Je répète : je suis null sur TreePanel ExtJS4 et je veux commencer par un tutoriel qui traite mes besoins précédents.

[sekaijin]

des data hiérarchiques
http://dev.sencha.com/deploy/ext-4.0.../Ext.data.Tree
des data stores pour les contenir
http://dev.sencha.com/deploy/ext-4.0...data.TreeStore
un loader pour mettre les data dans un composant
http://dev.sencha.com/deploy/ext-4.0...omponentLoader
un panel pour les représenter
http://dev.sencha.com/deploy/ext-4.0...Ext.tree.Panel
une vue pour les afficher
http://dev.sencha.com/deploy/ext-4.0.../Ext.tree.View

l'exemple xml est un exemple complet les données sont transmise en xml
http://dev.sencha.com/deploy/ext-4.0.../xml-tree.html
le treegrid lui présent un tree grid à la place de treePanel mais les données sont en JSON
http://dev.sencha.com/deploy/ext-4.0...ee/treegrid.js
le checktree est un exemple de tree panel avec lecture des données en json
http://dev.sencha.com/deploy/ext-4.0...heck-tree.html
le tow trees presente deux arbres en json/php dans des treePanel
http://dev.sencha.com/deploy/ext-4.0...two-trees.html
le drag and drop tree est en json/php et treePanel
http://dev.sencha.com/deploy/ext-4.0...e/reorder.html

tous sont des exemples complets
A+JYT

[insane_80]

Merci beaucoup sekaijin. Je vais voir ces liens...