[Dojo] push ca marche pas sur une variable de classe ?

push ca marche pas sur une variable de classe ?

Bonjour à tous,
j'ai une classe dojo avec une propriete de type Array, et pour le remplissage ca marche pas avec push??
Code:

1 2 3 4 5 6 dojo.declare( "maClass", dijit._Widget, { _mesSources: new Array(),
quand je fait
this._mesSources.push(monGrid);
il affiche : this._mesSources is undefined !!
et Merci

En js pur ça fonctionne :

Code:

1
2
3
4
5
<script type="text/javascript">
var objet={monarray:new Array()}
objet.monarray.push('ça marche!')
alert (objet.monarray[0])
</script>

Salut,

Comme te le fait remarquer SpaceFrog ton code devrait fonctionner, c'est donc qu'il y a un problème de ton côté :aie:

Néanmoins j'attire ton attention sur une erreur supplémentaire que tu vas commettre dans les instants qui suivront ;)
Sans faire preuve d'humour tu commets deux erreurs qui sont liées et qui ne s'annulent pas pour autant... Je m'explique: dans ton titre tu parles d'un push sur une variable de class alors que ce que tu souhaites créer c'est une variable d'instance. Où cela se complique c'est que la déclaration que tu réalises est en fait une variable de class !
Faisons simple: dans Dojo, quand tu déclares une class, alors toute variable déclarée comme un tableau (ou un objet en dur) est une variable de class et non d'instance. Pour déclarer une variable d'instance de type tableau tu dois la déclarer au sein du constructeur, soit la fonction constructor. Plus généralement on recommande (mais c'est peu suivi, malheureusement) de déclarer toutes les variables d'instances au sein du constructeur.
Techniquement les propriétés déclarées en dehors de la fonction constructor sont ajoutée au prototype, d'où ce comportement "static".

Je te passe ce code en exemple, il est calqué sur ton cas de figure:
Code:

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 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="/dojotoolkit/dojo/dojo.js"></script> <script type="text/javascript"> djConfig="parseOnLoad: true, isDebug: true"; dojo.declare( "MaClass", null, { _mesSources: new Array(), //variable de class compteur : 0 //variable d'instance } ); dojo.declare( "MaClassOK", null, { constructor: function(args) { this._mesSources= new Array(); //variable d'instance } } ); dojo.addOnLoad( function(){ var c = new MaClass(); c._mesSources.push("dataC"); //le compteur vaut 1 c.compteur++; alert("c._mesSources: " + c._mesSources[0]); alert(c.compteur); //affiche exactement la même chose... var d = new MaClass(); d._mesSources.push("dataD"); //le compteur vaut 1, c'est ok d.compteur++; //affiche dataC et non dataD comme attendu... alert("d._mesSources: " + d._mesSources[0]); //le compteur est bine une variable d'instance, 1 alert(d.compteur); //en faisant les choses correctement var c2 = new MaClassOK(); c2._mesSources.push("dataOK_C"); alert("c2._mesSources:" + c2._mesSources[0]); var d2 = new MaClassOK(); d2._mesSources.push("dataOK_D"); alert("d2._mesSources: " + d2._mesSources[0]); }); </script> </head> <body> <p>Hello world !</p> </body> </html>
Bon dev,

ERE

voila ce que j'ai fait :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
 
 
dojo.declare(
	        "Gabarit",
	        null,
	        {
	            _domDocument: null,
 
	            constructor: function (_domDocument) {
	                this._domDocument = _domDocument;
	                this._zones = new Array();
	                dojo.query("div.zone", dojo.byId('myBody'))
                    .forEach(function (item) {
                        var maZone = new Zone(item);
                        //ici il m'affiche  undefined
                        console.log('mon tab',this._zones);
                        this._zones.push(maZone);
                    });
                      //alors qu'ici il affiche que c'est un Array ([ ])
	                console.log('mon tab',this._zones);
	            },

donc a l'interieur de la boucle forEach le tableau this._zones est undefined, c'est pour ca que le push marche pas, alors pourquoi il est undefined meme s' il est cree dans le constructeur ?

Re,

Citation:

donc a l'interieur de la boucle forEach le tableau this._zones est undefined, c'est pour ca que le push marche pas, alors pourquoi il est undefined meme s' il est cree dans le constructeur ?

... parce que dans ta boucle forEach tu n'es plus dans le scope de ta class mais dans celui de dojo (c'est la fonction dojo.forEach) :roll:

ERE

donc la seule solution c'est de passer par un tableau intermediaire pour remplir mon tableau (c-à-d declarer un autre tableau et le remplir dans le forEach puis l'affecter a mon tableau) ??

Re,
Regarde la définition de la fonction dojo.foreach car tu peux passer un paramètre supplémentaire qui correspond au scope d exécution de la fonction

ERE

-------------------------------------------
Sent from blackberry os

oui je vois, voila les parametres de dojo.forEach :

Code:

var foo=dojo.forEach(arr: Array|String, callback: Function|String, thisObject: Object?);

et voila mon forEach :
Code:

1 2 3 4 5 6 7 constructor: function (_domDocument) { this._domDocument = _domDocument; dojo.query("div.zone", dojo.byId('myBody')) .forEach(function (item) { var maZone = new Zone(item); }); ...
Comment je peux integrer le scope dans ma boucle ?
et Merci.

RE,

Code:

1
2
3
4
5
6
7
constructor: function (_domDocument) {
	                this._domDocument = _domDocument;
	                dojo.query("div.zone", dojo.byId('myBody'))
                    .forEach(function (item) {
                        var maZone = new Zone(item);
                    }, this);
...

ERE

Merci emmanuel.remy, ca marche bien ;)

Cool !
Pour info il existe la même démarche quand tu fais un fetch sur un store: tu peux ajouter un paramètre au fetch qui correspond au scope d'exécution.

ERE

Merci emmanuel.remy pour l'info ;)