¿Cómo agrego parámetros adicionales a un controlador ExtJS?

Question

estoy usando el marco ExtJS y tengo el siguiente controlador que se utiliza únicamente como un controlador para un botón:

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

Mi definición del botón tiene el siguiente aspecto:

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

Como se puede ver , el controlador recibe el "botón" y el "evento" esperado. Sin embargo, me gustaría pasar algo de información adicional en mi controlador. ¿Como podría hacerlo?

Answer 1

De hecho, me utilizar prototipo Exts CreateDelegate.

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

No sé qué es lo que desea pasar, pero utilizando un envoltorio podría ayudar:

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

En Ext JS 4:

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

Answer 4

Se puede utilizar una buena solución como ha sugerido Bradley. Aquí hay un ejemplo. Where repeatsStore - es un parámetro adicional que quiero pasar a un manejador de botones.

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

Y el controlador debe tener tres parámetros - dos primeros son estándar, y la última es su.

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