7

私は ExtJS フレームワークを使用しており、ボタンのハンドラーとしてのみ使用される次のハンドラーがあります。

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

私のボタン定義は次のようになります。

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

ご覧のとおり、ハンドラーは期待される「ボタン」と「イベント」を受け取ります。ただし、いくつかの追加情報をハンドラーに渡したいと思います。どうすればいいですか？

4

4 に答える 4

9

私は実際にExtscreateDelegateプロトタイプを使用します。

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
});
于 2009-05-25T01:00:14.603 に答える
5

Ext JS 4の場合：

Ext.bind(myButtonHandler, this, [params array], true);
于 2011-05-11T22:51:10.787 に答える
5

ブラッドリーが提案したように、あなたは良い解決策を使うことができます。これが例です。ここでrepeatsStore-ボタンハンドラーに渡したいのは追加のパラメーターです。

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

また、ハンドラーには3つのパラメーターが必要です。最初の2つは標準で、最後はあなたのパラメーターです。

addBtnHandler:function(button, event, repeatsStore)
{
}
于 2012-02-15T18:19:29.863 に答える
3

何を渡したいのかわかりませんが、ラッパーを使用すると役立つ場合があります。

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);
};
于 2009-03-27T16:03:18.653 に答える