dédoubler le context (this) ?

Version imprimable

Bonjour à tous
j'ai une methode de maClass "resizeColumn" dont j'ai besoin d'utiliser deux context a la fois alors que this reprensente un seul.
exemple :

Code:

1
2
3
4
5
6
7
8
9
_resizeColumn:function () {
                        //ici je veux que this sera l'objet GridContainer qui sera redimentionne
                	//recuperer l'id de la colonne redimmensionnee
                    var selecteur = "#" + this.currentColumn.getAttribute("idsouszone");
                     ........
                    //et ici je veux que this poite sur maClass pour appeller sa fonction setCssRule
                    // affecter la nouvelle valeur de la regle a la matrice css
                    this._setCssRule(selecteur, proprietes + valeur);
                },

et voila l'appel de la fonction :

Code:

dojo.connect(monGrid, "resizeColumnOff", null, this._resizeColumn);

donc comment je peux regler le problème de plusieurs context ??

13/01/2010, 15h04
emmanuel.remy

C'est impossible en l'état. Tur dois gérer deux variables (a minima le this et une autre).

ERE
13/01/2010, 16h33
Zineb1987_UNI

Merci emmanuel.remy.
c'est ca ce que j'ai fait, j'ai déclaré une variable js en dehors de maClass,et je l'initialise par this dans mon constructeur et il marche bien, mais n'est pas sécurise car n'importe qui peut la modifier car c'est une variable globale ?
et Merci.
13/01/2010, 22h04
emmanuel.remy

Salut,

Tu peux simuler la portée d'une variable privée.
Ce n'est pas du dojo mais du pur Javascript.

ERE
15/01/2010, 10h33
Zineb1987_UNI

sachant que la porté de variable javascript se diffère selon un bloc de code,
et dans mon cas j'ai une classe dojo dans un fichier .js,et ma variable est déclaré en dehors de ma classe c-à-d globale pour la classe, alors pour l'utilisateur de ma classe s'il a modifie la valeur de ma variable le traitement de la classe ne marchera plus.
donc comment je peux interdire à l'utilisateur de la modifier?
et Merci.

Salut,

Crée tes variables privées dans le scope d'une fonction anonyme:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
(function(){
 
 var privee= "foo";
  var privFunc = function(){
    return privee;
  }
 
 dojo.declare("A",null, {
       traitement: function() {
           var c = privFunc();
           ...
       }
   }
 );
})();
 
var a = new A();
a.traitement();
//a.privee=2;   <- ERREUR

ERE

15/01/2010, 12h40
Zineb1987_UNI

Salut,
merci, mais privee c'est une variable javascript (var privee), c'est pas une propriete de la classe A donc on va pas mettre (a.privee=2),
alors si on modifier la variable (privee=2) la console.log affiche 2, alors la variable est toujours accessible par l'utilisateur.
et Merci.
15/01/2010, 13h01
emmanuel.remy

Citation:

Envoyé par Zineb1987_UNI

Salut,
merci, mais privee c'est une variable javascript (var privee), c'est pas une propriete de la classe A donc on va pas mettre (a.privee=2),
alors si on modifier la variable (privee=2) la console.log affiche 2, alors la variable est toujours accessible par l'utilisateur.
et Merci.

Oups :( j'ai déraillé !

Ce que je voulais te montrer c'est que privFunc et privee sont accessibles par la class mais pas par l'utilisateur, ce qui équivaut à faire une variable privée dans ta class.

ERE
15/01/2010, 15h00
Zineb1987_UNI

merci emmanuel.remy,
donc est ce qu'il y a pas une solution pour mon cas?
et Merci
15/01/2010, 16h29
emmanuel.remy

Je pense que si tu mets en oeuvre ce que je t'ai écrit dans le post précédent cela le fera.

ERE

merci emmanuel-remy,
bon je vois, mais j'ai un petit souci :
c'est que dans maClass qui hérite du [dijit._Widget, dijit._Templated] , j'ai un templateString dont j'ai mis une boite de dialogue avec des éléments html (select,button....),et dans ces éléments-là j'appelle des fonctions de maClass, par exemple :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 dojo.declare( "maClass", [dijit._Widget, dijit._Templated], { templateString:..... "<label for='paddingTop'>Top:</label><select id='padding-top' " + "jsId='padding-top' class='petitChamp' dojoType='dijit.form.ComboBox'" + " onchange='pointeurmaClass.maFonction();'>" + "<option value='2'>2</option><option value='4'>4</option>" + "<option value='6'>6</option></select>" + ......
alors que à l'interieur du templateString ne connais pas la variable pointeurmaClass ??
et Merci

Salut !

Tu ne dois pas programmer ainsi un widget (et un objet en règle générale) ! Faire référence dans ta classe à une variable d'instance en dur est énorme !

Non tu dois passer par le mécanisme qui te permet de rester au sein de ton widget: dojoAttachEvent. Documente toi sur l'écriture d'un widget mais ton code de template donnera à peu près:

ancien:
Code:

1 2 3 4 5 "<label for='paddingTop'>Top:</label><select id='padding-top' " + "jsId='padding-top' class='petitChamp' dojoType='dijit.form.ComboBox'" + " onchange='pointeurmaClass.maFonction();'>" +
nouveau:
Code:

1 2 3 4 5 "<label for='paddingTop'>Top:</label><select id='padding-top' " + "jsId='padding-top' class='petitChamp' dojoType='dijit.form.ComboBox'" + "dojoAttachEvent='onChange:maFonction'>" +
D'autre part, n'oublie pas que ton widget doit avoir l'attribut widgetsInTemplate:true

ERE

widgetsInTemplate: true,

Merci emmanuel.remy,
voila l'exemple que j'ai fait avec le dojoAttachEvent :

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
64
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Zineb</title>
 
<link rel="stylesheet" type="text/css" media="screen"
        href="../monTest/dojo/dojo/resources/dojo.css"/>
<link rel="stylesheet" type="text/css" media="screen"
        href="../monTest/dojo/dijit/themes/soria/soria.css"/>
 
<script
    language="JavaScript"
    src="../monTest/dojo/dojo/dojo.js"
    djConfig="parseOnLoad: false, isDebug : true">
</script>  
 
<style type="text/css">
.zi {
background : orange;
}
 
</style>
 
<script type="text/javascript">
dojo.addOnLoad(function () {
	dojo.require("dojo.parser");
	dojo.require("dijit._Widget");
	dojo.require("dijit._Templated");
	dojo.require("dijit.form.Button");
 
 
	dojo.declare("Zineb",[dijit._Widget, dijit._Templated],{
		templateString : "<div>"+"<button id='bt' dojoAttachEvent='onclick: oof'>Create Widget</button>"+"</div>",
		widgetsInTemplate: true,
		node : null,
		constructor: function (params, node) {
			this.node = node;
			console.log('node widget == ',this.node);
		},
		startup: function () {
			console.log('{---- start up ----}');
			var bt = new dijit.form.Button(
                    {},
                     dojo.byId("bt"));
            console.log('bt ',bt);
		},
		oof : function () {
			console.log('create event');
		}
	});
	//dojo.parser.parse();
 
	var myWidget = new Zineb({},dojo.byId('widget'));
	console.log('myWidget --)>  ',myWidget);
	myWidget.startup();
});
 
</script>       
</head>
<body class='soria'>
<div id="widget"></div>
</body>
</html>

meme si j'ai mis widgetsInTemplate: true, ca marche pas onclick ?