Comment puis-je ajouter des paramètres supplémentaires pour un ExtJS gestionnaire?

Je suis en utilisant le framework ExtJS et j'ai la fonction suivante qui est utilisé uniquement comme un gestionnaire pour un bouton:

var myButtonHandler = function(button, event){
   //code goes here
};

Ma définition de bouton ressemble à ceci:

var myButton = new Ext.Button({
       id : 'myButton',
       renderTo : 'mybutton',
       text : 'Save',
       handler : myButtonHandler,
       scope : this
    });

Comme vous pouvez le voir, le gestionnaire reçoit l'attendu "bouton" et "événement". Cependant, j'aimerais vous donner quelques informations supplémentaires dans mon gestionnaire. Comment dois-je procéder?

InformationsquelleAutor Huuuze | 2009-03-27
  1. 9

    En fait, je peux utiliser Exts createDelegate prototype.

    var appendBooleanOrInsertionIndex = 0; //Inserts the variables into the front of the function.
    appendBooleanOrInsertionIndex = true; //Appends the variables to the end of the arguments

var myButton = new Ext.Button({
   id : 'myButton',
   renderTo : 'mybutton',
   text : 'Save',
   handler : myButtonHandler.createDelegate(this, [param1, param2], appendBooleanOrInsertionIndex),
   scope : this
});
    • C'est un élégant la réponse de Seb est. Le travail de création d'une enveloppe est cachée par createDelegate. En option, l'utilisateur peut ajouter une propriété personnalisée dans le bouton et vérifiez que à partir du gestionnaire. Je préfère encore createDelegate.
    • Alors, comment voulez-vous gérer cela à l'intérieur de la myButtonHandler fonction pour utiliser votre [params]? Juste myButtonHandler([params])?
    • Je suis allé de l'avant et modifié l'exemple afin de mieux montrer ce que vous pouvez faire avec createDelegate. Aussi en Ext4 et SenchaTouch createDelegate a été déplacé de la fonction prototype et est maintenant accessible uniquement par la Poste.createDelegate(functionToDelegate, de la portée, args, appendOrInsertIndex)
    • bonjour, je voudrais avoir une compréhension plus claire à ce sujet. je l'ai essayé et il semble que je continue de ne pas l'obtenir.en supposant myButtonHandler.createDelegate(this, [param1, param2], appendBooleanOrInsertionIndex) où param1,param2 variables? si je veux par exemple " myButtonHandler.createDelegate(ce, ['titre', 'auteur'], appendBooleanOrInsertionIndex) " dans mybuttonHandler(){ //can i have this? alert(this.title); } what will then be the value of title? thanks }
    InformationsquelleAutor Ballsacian1
  2. 5

    Vous pouvez utiliser une bonne solution comme Bradley a suggéré. Ici est un exemple.
    Où repeatsStore - c'est paramètre supplémentaire que je veux passer à un gestionnaire de bouton.

    Ext.create('Ext.panel.Panel', {
    name: 'panelBtn',
    layout: 'hbox',
    border: 0,
    items:[
        {xtype: 'button', text: 'Add', name:'addBtn',
         handler : Ext.bind(this.addBtnHandler, this, repeatsStore, true)
        }
    ]
});

    Et votre gestionnaire doit avoir trois paramètres - les deux premiers sont la norme, et le dernier est votre.

    addBtnHandler:function(button, event, repeatsStore)
{
}
    InformationsquelleAutor Oleksandr_DJ
  3. 4

    Ext JS 4:

    Ext.bind(myButtonHandler, this, [params array], true);
    • +1 C'est vraiment une bonne 1 solution en ligne pour ExtJS 4+.
    • Cela est également vrai pour ExtJS 3.4 (l'utilisation de La Poste.createDelegate)
    InformationsquelleAutor Bradley
  4. 3

    Je ne sais pas qu'est-ce que vous souhaitez passer, mais à l'aide d'un wrapper pourrait aider:

    var myButtonHandler = function (button, event, additionalData){
   //code goes here
};

var myButton = new Ext.Button({
  id : 'myButton',
  renderTo : 'mybutton',
  text : 'Save',
  handler : handlerWrapper,
  scope : this
});

var handlerWrapper = function (button, event){
  //Fetch additional data
  var additionalData = "whatever";
  myButtonHandler(button, event, additionalData);
};
    • Je devine "var handlerWrapper()" doit être "la fonction handlerWrapper()". Oui?
    • Ouais, désolé... corrigé maintenant. Merci.
    InformationsquelleAutor Seb