Come aggiungere parametri aggiuntivi a un gestore ExtJS?

Question

Sto usando il quadro ExtJS e ho il seguente gestore che viene utilizzato esclusivamente come un gestore per un pulsante:

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

La mia definizione pulsante appare così:

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

Come si può vedere , il conduttore riceve il "pulsante" e l'"evento" previsti. Tuttavia, mi piacerebbe passare alcune informazioni aggiuntive nel mio gestore. Come potrei farlo?

Answer 1

mi sarebbe effettivamente utilizzare Exts createDelegate prototipo.

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 
}); 

Answer 2

Non so che cosa è che si desidera passare, ma utilizzando un wrapper potuto fare a:

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); 
}; 

Answer 3

In Ext JS 4:

Ext.bind(myButtonHandler, this, [params array], true); 

Answer 4

È possibile utilizzare una buona soluzione come Bradley ha suggerito. Ecco un esempio. Dove repeatsStore - è un parametro aggiuntivo che voglio passare ad un gestore di pulsanti.

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) 
     } 
    ] 
}); 

E il gestore deve avere tre parametri: i primi due sono standard e l'ultimo è il tuo.

addBtnHandler:function(button, event, repeatsStore) 
{ 
}