Discussion :

[abraxis]

Bonjour,

J'ai un TreeGrid dans lequel mes données ne s'affiche pas.
Je n'est aucune erreur dans firebug (ni ailleurs ^^)

Voici la construction de mon store :

Code :

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

1
2
3
4
5
6
7
8
var storeRessGridClass = new Ext.data.JsonStore({ 
	storeId: 'storeRessGridClass',
	url: 'asp/webService.aspx',
	root: 'results',
	fields: [
		'idApp', 'IdUnv', 'nameUnv', 'id', 'name', 'description', 'emplacement', 'nombreObj'
	]
});

voici la construction de mon TreeGrid :

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
35
36
37
38
var gridRessClassUni = new Ext.ux.tree.TreeGrid({
	id: 'gridRessClassUni',
	store: 'storeRessGridClass', 
	border: false,
	loadMask: {msg: 'Chargement ...'}, 
	columns: [ 
		{
			header: 'Nom', 
			width: 200, 
			sortable: true, 
			dataIndex: 'name' 
		},{
			header: 'Description',
			width: 500,
			sortable: true,
			dataIndex: 'description'
		},{
			header: 'Emplacement',
			width: 150,
			sortable: true,
			dataIndex: 'emplacement'
		},{
			header: 'Nombre d\'objet',
			width: 150,
			sortable: true,
			dataIndex: 'nombreObj'
		}
	],
	bbar: {
		xtype: 'paging',
		pageSize: 3,
		store: 'storeRessGridClass',
		displayInfo: true,
		afterPageText: ' sur {0}',
		displayMsg: 'Affichage de {0} à {1} sur {2}',
		emptyMsg: 'Aucune données à afficher'
	}
});

Voici la structure de mon Json retourné :

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
35
[
    {
        "name": "classe1",
        "description": "description classe",
        "emplacement": "un emplacement",
        "nombreObj": "5",
        "iconCls": "task-folder",
        "id": 1,
        "idApp": 5,
        "idUnv": 11,
        "nameUnv": "UNI_PAR"
    },
    {
        "name": "classe2",
        "description": "description Classe 2",
        "emplacement": "un emplacement",
        "nombreObj": "5",
        "iconCls": "task-folder",
        "id": 2,
        "idApp": 5,
        "idUnv": 11,
        "nameUnv": "UNI_PAR"
    },
    {
        "name": "classe 3",
        "description": "description classe 3",
        "emplacement": "un emplacement",
        "nombreObj": "5",
        "iconCls": "task-folder",
        "id": 3,
        "idApp": 5,
        "idUnv": 11,
        "nameUnv": "UNI_PAR"
    }
]

Sachant que avant de mettre des enfants je voudrais afficher une première liste ^^

Si vous aviez une petite idée : )))

[JulienFio]

Bonjour,

Il te manque un élément important dans la structure de ton JSON, c'est le paramètre leaf.
Leaf, false: cet élément possede des fils
Leaf, true: cet élément ne possede pas de fils


Ensuite, essayes de charger tes données avec un treeLoader:

Code :

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

1
2
3
4
5
storeLoader = new Ext.tree.TreeLoader({
        dataUrl: 'asp/webService.aspx',
        baseParams: 'tes params si tu en as',
       ...
    });

Définition de la racine:

Code :

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

1
2
3
4
5
6
var root = new Ext.tree.AsyncTreeNode({
        id: '0',
        text: 'source', //texte du noeud
        allowDrag: false,
        allowDrop: false
    });

pour finir, ton treegrid:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
monTreeGrid = new Ext.ux.tree.TreeGrid({
        title: 'mon titre',
        id: 'monId',
        width: ...,
        height: ...,
        renderTo: '...',
        enableDD: true,
        rootVisible: false,
        animate: true,
        enableSort: false,        
        autoScroll: true,
        loader: storeLoader,
        root: root,
        columns: [{  ...

[abraxis]

Bonjour,

Je te remercie pour la réponse qui m'a permis d'avancer une petit peu.
Je rencontre par contre une erreur:

node.attributes is undefined
if (node.attributes.children) {

Dans le fichier ext-all-debug.js à la ligne 35695
Sachant que je n'est pas touché à ce fichier j'ai du mal à voir ou est mon erreur :/

Pour résumé, j'ai construis mon treeLoader, puis mon treeGrid, puis mon panel (accordéon) sur lequel j'ai un

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
listeners: {
	expand: function()
	{
		treeloader.load(
			{
				params: {
					task: 'trucmuche'
				}
			}
		);
	}
}

Mon accordéon contient un items qui est mon tableau.
J'ai fais la même chose avec des tableau simple sans que cela me pose de problème, donc je comprend pas la

[JulienFio]

Peux-tu poster ton treegrid, ton treeloader, la définition de ta racine ainsi que l'aspect de ton JSON ?

Visiblement Extjs ne sait pas interpréter les fils de tes noeuds, surement un pb de construction de ton JSON ou au niveau de ton TreeLoader/Racine

[abraxis]

Je ne peu malheureusement pas poster le Json car je tombe en erreur avant le retour du serveur donc impossible de l'avoir :/

Voici mon TreeLoader:

Code :

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

1
2
3
4
5
6
var storeRessGridClass = new Ext.tree.TreeLoader(
	{
		id: 'storeRessGridClass',
		dataUrl: 'asp/webService.aspx'
	}
);

Mon TreeGrid:

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
var gridRessClassUni = new Ext.ux.tree.TreeGrid({ 
	id: 'gridRessClassUni',
	loader: storeRessGridClass,
	border: false,
	rootVisible: false,
	root: '',
	loadMask: {msg: 'Chargement ...'},
	columns: [
		{
			header: 'Nom', 
			width: 200, 
			sortable: true, 
			dataIndex: 'name' 
		},{
			header: 'Description',
			width: 500,
			sortable: true,
			dataIndex: 'description'
		},{
			header: 'Emplacement',
			width: 150,
			sortable: true,
			dataIndex: 'emplacement'
		},{
			header: 'Nombre d\'objet',
			width: 150,
			sortable: true,
			dataIndex: 'nombreObj'
		}
	]
});

Et la racine :

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
...
items: [
	{ 
		xtype: 'panel',
		id: 'ressDescUniListClass',
		title: 'Liste',
		border: false,
		collapsed: true,
		iconCls: 'uni',
		autoScroll: true,
		layout: 'fit',
		listeners: {
			expand: function(obj) { 
				storeRessGridClass.load(
					{
						params: {
							task: 'ressListClass',
							idUser: myCookie.state.monCookie.idUser,
							idApp: ressIdApp.attributes.id,
							idUnv: ressIdUnv,
							start: 0,
							limit: 3
						}
					}
				);
			}
		},
		items: gridRessClassUni
	}
]

[EDIT]
Voici mon Json :

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
35
[
    {
        "name": "classe1",
        "description": "description classe",
        "emplacement": "un emplacement",
        "nombreObj": 5,
        "leaf": true,
        "id": 1,
        "idApp": 5,
        "idUnv": 11,
        "nameUnv": "FACT_PAR"
    },
    {
        "name": "classe2",
        "description": "description Classe 2",
        "emplacement": "un emplacement",
        "nombreObj": 5,
        "leaf": true,
        "id": 2,
        "idApp": 5,
        "idUnv": 11,
        "nameUnv": "FACT_PAR"
    },
    {
        "name": "classe 3",
        "description": "description classe 3",
        "emplacement": "un emplacement",
        "nombreObj": 5,
        "leaf": true,
        "id": 3,
        "idApp": 5,
        "idUnv": 11,
        "nameUnv": "FACT_PAR"
    }
]

[JulienFio]

Essaye de rajouter cette partie:

Code :

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

1
2
3
4
5
6
7
 
var monRoot = new Ext.tree.AsyncTreeNode({
        id: '0',
        text: 'source', //texte du noeud
        allowDrag: false,
        allowDrop: false
    });

et dans ton treeGrid:

Code :

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

1
2
3
4
5
6
7
8
var gridRessClassUni = new Ext.ux.tree.TreeGrid({ 
	id: 'gridRessClassUni',
	loader: storeRessGridClass,
	border: false,
	rootVisible: false,
	root: monRoot,
	loadMask: {msg: 'Chargement ...'},
...