Discussion :

[jerada]

Bonjour,

s'il vous plait j'ai une question :

comment on peut chargé les donnes de la base de données via Tree Panel

avec sencha architect

Merci

[sekaijin]

Code :

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

1
2
3
4
5
6
7
8
Ext.create('Ext.tree.Panel', {
    title: 'Simple Tree',
    width: 200,
    height: 150,
    store: store,
    rootVisible: false,
    renderTo: Ext.getBody()
});

le store doit être un Ext.data.TreeStore associé à un Ext.data.TreeModel
cela fonctionne exactement de la même façon qu'un Ext.data.Store.

pour lire les données dans une base sur le serveur il faut utiliser un proxy
tu trouveras dans ce forum une longue discu sur ce sujet

A+JYT

[jerada]

Bonjour

Je vous remercie pour votre réponse

en fait j'ai creer un treepanel :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 xtype: 'panel',
                            itemId: 'treePanel',
                            title: 'My Tab',
                            items: [
                                {
                                    xtype: 'treepanel',
                                    itemId: 'treePanel',
                                    title: 'My Tree Panel',
                                    store: 'MyTreeStore',
                                    rootVisible: false,
                                    viewConfig: {
 
                                    }
                                }

apres j'ai creer un store proxy :

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
18
19
20
21
constructor: function(cfg) {
        var me = this;
        cfg = cfg || {};
        me.callParent([Ext.apply({
            model: 'MyApp.model.hrchyindicator',
            storeId: 'MyTreeStore',
            folderSort: true,
            proxy: {
                type: 'ajax',
                url: '

	

	
Code  :
	
Sélectionner tout -
	Visualiser dans une fenêtre à part
	
le chemin de la base de donnes'
            },
            sorters: {
                property: 'text'
            }
        }, cfg)]);
    }

en suite je l'ai associé avec son model

et dans la partie seveur j'ai appeler ma fonction

mais il m'affiche pas le tree panel :
je sais pas c'est quoi le probleme avec ça

[sekaijin]

tu n'as pas associé le store à ton treePanel mais une chaine de caractère :

Code :

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

store: 'MyTreeStore',

si myStore est la variable contenant le store

Code :

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

store: MyTreeStore,

A+JYT

[jerada]

j'ai creer le sotre

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
18
19
20
21
22
23
Ext.define('MyApp.store.MyTreeStore1', {
    extend: 'Ext.data.TreeStore',

    requires: [
        'MyApp.model.hrchyindicator'
    ],

    constructor: function(cfg) {
        var me = this;
        cfg = cfg || {};
        me.callParent([Ext.apply({
            model: 'MyApp.model.test',
            storeId: 'MyTreeStore1',
            proxy: {
                type: 'ajax',
                url: 'le chemin de ma base de donnes ',
                reader: {
                    type: 'json'
                }
            }
        }, cfg)]);
    }
});

******************************************
j'ai creer le model

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
Ext.define('MyApp.model.hrchyindicator', {
    extend: 'Ext.data.Model',
 
    fields: [
        {
            name: 'pere'
        },
        {
            name: 'fils'
        }
 
    ]
});

**********************************
et voila le view

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
18
19
20
21
22
23
 xtype: 'treepanel',
                            height: 250,
                            itemId: 'treePanel',
                            width: 400,
                            title: 'My Tree Grid Panel',
                            store: 'MyTreeStore1',
                            viewConfig: {

                            },
                            columns: [
                                {
                                    xtype: 'treecolumn',
                                    dataIndex: 'pere',
                                    text: 'Nodes',
                                    flex: 1
                                },
                                {
                                    xtype: 'gridcolumn',
                                    dataIndex: 'fils',
                                    text: 'Value'
                                }
                            ]
                        }

************************

mais il m'affiche la liste vide

[sekaijin]

tu as lu le guide sur le sujet ?
http://docs-origin.sencha.com/extjs/4.2.2/#!/guide/tree

A+JYT

[jerada]

Bonjour Qu'on je teste cet exemple ca fonctionne bien

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
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
 
var tree = Ext.create('Ext.tree.Panel', {
    renderTo: Ext.getBody(),
    title: 'TreeGrid',
    width: 300,
    height: 150,
    fields: ['name', 'description'],
    columns: [{
        xtype: 'treecolumn',
        text: 'Name',
        dataIndex: 'name',
        width: 150,
        sortable: true
    }, {
        text: 'Description',
        dataIndex: 'description',
        flex: 1,
        sortable: true
    }],
    root: {
        name: 'Root',
        description: 'Root description',
        expanded: true,
        children: [{
            name: 'Child 1',
            description: 'Description 1',
            leaf: true
        }, {
            name: 'Child 2',
            description: 'Description 2',
            leaf: true
        }]
    }
});

mais moi je veux apartir de la base de donnes