Làm cách nào để thêm các tham số bổ sung vào trình xử lý ExtJS?

Question

Tôi đang sử dụng khuôn khổ ExtJS và tôi phải xử lý sau đó được sử dụng chỉ như một handler cho một nút:

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

định nghĩa nút của tôi trông như thế này:

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

Như bạn có thể nhìn thấy , trình xử lý nhận được "nút" và "sự kiện" được mong đợi. Tuy nhiên, tôi muốn chuyển một số thông tin bổ sung vào trình xử lý của tôi. Tôi sẽ làm như thế nào?

Answer 1

tôi sẽ thực sự sử dụng EXTS createDelegate nguyên mẫu.

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

Tôi không biết là những gì nó mà bạn muốn vượt qua, nhưng sử dụng một wrapper có thể giúp:

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

Trong Ext JS 4:

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

Answer 4

Bạn có thể sử dụng một giải pháp tốt như Bradley đã gợi ý. Đây là một ví dụ. Trường hợp repeatsStore - đó là tham số bổ sung mà tôi muốn chuyển tới trình xử lý nút.

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

Và trình xử lý của bạn phải có ba tham số - đầu tiên là hai tham số và cuối cùng là của bạn.

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