Question

I am using the ExtJS framework and I have the following handler that is used solely as a handler for a button:

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

My button definition looks like this:

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

As you can see, the handler receives the expected “button” and “event”. However, I’d like to pass some additional information into my handler. How would I do that?

Answer 1

I would actually use 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
});