EXTJS 핸들러에 추가 매개 변수를 추가하려면 어떻게합니까?

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 reateLegate 프로토 타입을 사용합니다.

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

ext js 4에서 :

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

Answer 3

Bradley가 제안한대로 좋은 솔루션을 사용할 수 있습니다. 여기 예입니다. BERESSSTORE- 버튼 핸들러로 전달하려는 추가 매개 변수입니다.

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)
{
}

Answer 4

당신이 통과하고 싶은 것이 무엇인지 모르겠지만 래퍼를 사용하면 도움이 될 수 있습니다.

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