मैं एक्स्टजेस हैंडलर में अतिरिक्त पैरामीटर कैसे जोड़ूं?

Question

मैं ExtJS ढांचे का उपयोग कर रहा हूँ और मैं निम्नलिखित हैंडलर कि एक बटन के लिए एक हैंडलर के रूप में पूरी तरह से प्रयोग किया जाता है है:

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

मेरे बटन परिभाषा इस तरह दिखता है:

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

आप देख सकते हैं , हैंडलर अपेक्षित "बटन" और "घटना" प्राप्त करता है। हालांकि, मैं अपने हैंडलर में कुछ अतिरिक्त जानकारी पास करना चाहता हूं। मुझे यह कैसे करना है?

Answer 1

मैं वास्तव में 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

मैं यह है कि आप पास करना चाहते हैं क्या है पता नहीं है, लेकिन एक आवरण का उपयोग कर मदद कर सकता है:

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

Ext जे एस 4 में:

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

Answer 4

आप एक अच्छा समाधान के रूप में उपयोग कर सकते हैं ब्राडली सुझाव दिया है। यहाँ एक उदाहरण है। जहां दोहराना स्टोर - यह अतिरिक्त पैरामीटर है जिसे मैं एक बटन हैंडलर को पास करना चाहता हूं।

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

और आपके हैंडलर में तीन पैरामीटर होना चाहिए - पहले दो मानक हैं, और अंतिम आपका है।

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