Discussion :

[andlio]

Bonjour tout le monde,

Je possède un dataGrid connecté à un JSonRestStore.
Je voudrais ajouter une ligne à mon tableau. D'après ce que j'ai pu lire dans la doc il suffit d'ajouter un élément dans le store et le dataGrid se met à jour automatiquement.

C'est ce que j'ai essayé de faire en suivant ce tuto.
L'ajout dans le store semble se dérouler correctement mais mon dataGrid ne se met pas à jour.

Voici mon store:

Code :

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

1
2
3
store : new dojo.store.JsonRest({
	target:lib.utils.appBaseUrl + "admin/projects"
}),

Voici ma dataGrid:

Code :

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

1
2
3
4
5
6
grid = new dojox.grid.DataGrid({
	store: dataStore = dojo.data.ObjectStore({objectStore: this.store}),
	        structure: [...]
}, "projects-table");
 
grid.startup();

Et enfin voici comment j'ajoute mon item :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
var newProj = {
	"reference": "new !!!",
	"contractReference": "",
	"createdOn": 1322470989000,
	"updated_on": null,
	"name": "Project de test",
	"state": "INIT_PHASE1",
	"description": ""
};
 
this.store.add(newProj);

Où est-ce que ça cloche ?

[ernestrenan]

Voir ici : http://www.developpez.net/forums/d11...e-quen-script/. Il n'y a pas besoin d'utiliser d'utiliser d'object store. En plus il faut mettre un egal entre store new et j'eviterais d'avoir deux variables qui s'appelle store et les referencess au this me paraissent un peu bizarre et c'est avec put que l'on ajoute un enregistrement.

Code javascript :

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 = new dojo.store.JsonRest({target:lib.utils.appBaseUrl + "admin/projects"});
var grid = new dojox.grid.DataGrid({store: store, structure: ...}, "projects-table");
grid.startup();
 
var newProj = {
	"reference": "new !!!",
	"isQualifProject": true,
	"isCertifProject": false,
	"contractReference": "",
	"createdOn": 1322470989000,
	"updated_on": null,
	"name": "Project de test",
	"state": "INIT_PHASE1",
	"description": ""
};
 
store.put(newProj);

[andlio]

Bonjour ernestrenan,

Ton code ne fonctionne pas chez moi. J'ai l'erreur suivante :

this.store.getFeatures is not a function

J'avais déjà essayé sans le "objectStore" mais j'avais eu le même problème.
De plus je n'ai qu'une seule variable nommée "store", il s'agit d'une propriété de mon objet.

Ça a marché pour toi ?

Je précise que le premier chargement se déroule correctement et ma dataGrid est bien remplie. C'est lors de l'ajout d'un item que celui-ci n'est pas affiché dans la dataGrid.

[ernestrenan]

Oui ça marche de mon côté. Je ne comprend pas pourquoi il t'affiche un this tu declares tes variables dans un objet ?

[andlio]

Oui tout est encapsulé dans un objet.
Tu utilise quelle version de dojo ? Moi j'utilise dojo 1.7.

[emmanuel.remy]

Salut,

Observations: n'investissez pas de temps sur le Datagrid, il va disparaitre à court terme. Préférez lui le dgrid qui est le composant qui le remplace. Consommant nativement les nouveaux stores, rapide, il est bien meilleur et est (presque déjà) adapté au mobile...

Decouverte ici (article aussi ici)

Enfin le code du DataGrid est le suivant lors de l'affectation du store:

Code :

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

1
2
3
4
5
6
7
8
9
10
	_setStore: function(store){
		if(this.store && this._store_connects){
			dojo.forEach(this._store_connects, this.disconnect, this);
		}
		this.store = store;

		if(this.store){
			var f = this.store.getFeatures();
			var h = [];

D'où le message d'erreur de andlio quand il passe un dojo.store.XXX
D'ailleurs je ne comprends pas comment ernestrenan arrive à faire fonctionner ce code J'ai regardé en 1.6 et 1.7, le code est identique.

ERE

[ernestrenan]

J'utilise aussi dojo 1.7 avec la nouvelle version il n'y a plus besoin d'encapsuler dans un objet:

Code :

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

1
2
3
4
5
6
7
8
require(["dojo/ready"], function(ready){
    ready(function(){
        require(["dojo/store/JsonRest", "dojox/grid/Datagrid"], function(store, grid){
            var myStore = new store({....});
            var myGrid = new grid({....});
        });
    });
});