Wie füge ich einem ExtJS-Handler zusätzliche Parameter hinzu?

Question

ich den ExtJS Rahmen verwenden und ich habe die folgende Prozedur, die für eine Schaltfläche nur als Handler verwendet wird:

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

sieht Meine Taste Definition wie folgt:

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

Wie Sie sehen können erhält der Handler den erwarteten "Button" und "Event". Ich möchte jedoch einige zusätzliche Informationen an meinen Handler weitergeben. Wie würde ich das tun?

Answer 1

Ich würde eigentlich Exts CreateDelegate Prototyp verwenden.

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

Ich weiß nicht, was es ist, die Sie weitergeben wollen, aber ein Wrapper könnte helfen:

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

Sie eine gute Lösung verwenden können, wie Bradley vorgeschlagen hat. Hier ist ein Beispiel. Wo repeatsStore - es ist zusätzliche Parameter, die ich an einen Button-Handler übergeben möchte.

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

Und Ihre Handler sollte drei Parameter - ersten beiden sind Standard, und zuletzt ist Ihr.

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