Discussion :

[gtraxx]

Bonjour à tous j'ai une question relative au développement de plugins jquery.
Je me demande comment utilisé un paramètre par défaut pour charger une autre série de paramètre par défaut.
En gros disons que j'ai ceci:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
$.fn.myplugin = function(settings){
		// Default options value
	    var options = {
	      widget: "monwiwi",
	      attributs: {}
	    };
	    if ($.isPlainObject(settings)) {
	    	$.extend(true,options, settings || {});
            }
};
})(jQuery);

J'ai besoin de charger dans les attributs un truc du genre :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
$.fn.myplugin = function(settings){
		// Default options value
	    var options = {
	      widget: "monwiwi",
	      attributs: {
                mavaleur:"truc",
                mavaleur2:"truc"
              }
	    };
	    if ($.isPlainObject(settings)) {
	    	$.extend(true,options, settings || {});
            }
};
})(jQuery);

Jusque la rien de sorcier mais disons que suivant le paramètre widget, je dois charger des paramètres bien distinct par défaut

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
$.fn.myplugin = function(settings){
		// Default options value
	    var options = {
	      widget: "monwiwi",
	      attributs: test
	    };
	    if ($.isPlainObject(settings)) {
	    	$.extend(true,options, settings || {});
            }
switch(options.widget){
case 'monwiwi':
test = {
                mavaleur:"truc",
                mavaleur2:"truc"
}
break;
case 'paswiwi':
test = {
                mataille:"truc",
                machaussure:"truc"
}
break;
}
};
})(jQuery);

C'est un exemple mais comme puis je définir des paramètre par défaut pour attributs suivant le paramètre widget.
Dois je définir sa dans une fonction ou classe ,etc...
JE suis un peux perdu et je suis très intéresser sur le sujet.

[Invité]

salut,

si ce ne sont pas des valeurs que peut modifier l'utilisateur, il n'y a aucun intérêt à les bazarder dans les options non?

tu peux faire un truc très simple genre

Code :

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

1
2
3
4
5
6
7
8
9
10
11
var widget = (function(str){
 var that = {
  widget1:{
   width:150
  },
  widget2:{
   width:100
  }
 }
 return that[str];
})(options.widget);

à la syntaxe près

[gtraxx]

Bonsoir, justement je souhaite que ses valeurs soit modifiable par l'utilisateur mais je préfère les cadenasser pour être certain de charger les bons paramètres.
Comme sa si l'utilisateur passe malencontreusement des paramètres pour une autre option en plus de ceux qui vont bien, je peux à ce moment les exclures plus facilement.
Donc comment réaliser cela ? je vois que votre exemple est très proche du singleton javascript
est ce possible d'utiliser un singleton qui soit modifiable via les options ?
J'ai essayer de réfléchir à ce problème mais je coince un peux

[Invité]

il faut plutot voir ca comme un factory en fait.
Le coup du constructeur à la volée c'est juste pour le sucre syntaxique.

Je ne comprends toujours pas le coup des options.
Si l'utilisateur veut un certain objet en passant un string, tu charges les param en brute comme on (ton switch c'est idem que cque j'ai fait, à la syntaxe près) a fait, c'est good.

Si l'utilisateur veut un certain objet avec des paramètres caractérisant cet objet, mais pas forcément tous, alors le plus simple est qu'il passe dans les options qqch du genre

Code :

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

1
2
3
4
5
options.widget = {
 name:'widget1',
 height:500,
 width:100
};

et que dans le constructeur du widget, tu lui passes options.widget, où tu peux faire ta popote, vérifier les param, faire des calculs toussa.

Cela dit, dans ce cas là, l'utilisateur pourrait construire son widget lui même...ca évite de faire un plugin de foufurieu.

As-tu un exemple concret?