ExtJSには、手動でクリックしてイベントを発射、ボタンparamがそう

Question

をクリックし、マウスとは異なり、私はログインコントローラを持っている、あなたは、マウスやキーを押して、ログインをクリックすることができますキーを入力し、次のように：私が使用している場合

Ext.define('My.controller.Login', { 
    extend: 'Ext.app.Controller', 

    init: function(application) { 
     this.control({ 
      "#idLogin button": {click: this.onButton}, 
      "#idLogin form > *": {specialkey: this.onKey} 
     }); 
    }, 

    onButton: function(button, e, eOpts) { 
     var win = button.up('window'); // the login window 
     //do more stuff... 
    }, 

    onKey: function (field, el) { 
     if (el.getKey() == Ext.EventObject.ENTER) //ENTER key performs Login 
      Ext.getCmp('#idLogin button').fireEvent('click'); 
    } 
}); 

私が実現マウスがログインボタンをクリックすると、onButton機能は正常に動作します。button.up()は私にログインwindowを返します。私が押された場合

ただし、キー入力して、この場合はonButton火災アップができますが、マウスでクリックしたときに受信buttonパラメータとしてパラメータbutton同じではありません、fireEvent('click')を行うonKey機能を発射！そして今度は、button.up()関数は未定義です。

質問：なぜ、fireEvent('click')が私に別のボタンパラメータを与えるのですか？

Answer 1

あなたはそのようfireEvent機能を使用する必要があります。

var myBtn = Ext.getCmp('#idLogin button'); 

myBtn.fireEvent('click', myBtn); 

はそれを試してみます。

Answer 2

ボタンクリックイベントは、フレームワークによって起動される合成イベントです。ボタンインスタンスとイベントオブジェクトを渡します。 fireEventは、「このイベントが発生したことを、これらの引数とともに通知する」という意味で、「基になるボタンにクリックイベントを発生させる」ではありません。

だから、あなたが使用する必要があるだろう：

button.fireEvent('click', button);

しかし、これは本当にあなただけの間接の余分なレイヤを追加している、意味がありません。

なぜ出ていない抽象的：

Ext.define('My.controller.Login', { 
    extend: 'Ext.app.Controller', 

    init: function(application) { 
     this.control({ 
      "#idLogin button": {click: this.onButton}, 
      "#idLogin form > *": {specialkey: this.onKey} 
     }); 
    }, 

    onButton: function(button, e, eOpts) { 
     this.doWindowFoo(); 
    }, 

    onKey: function (field, el) { 
     if (el.getKey() == Ext.EventObject.ENTER) //ENTER key performs Login 
      this.doWindowFoo(); 
    }, 

    doWindowFoo: function() { 
     // Assumes the window has an id idLogin, there are several other ways to get a reference 
     var win = Ext.getCmp('idLogin'); 
    } 
}); 

Answer 3

用途：

var button= Ext.getCmp('#idLogin button');  
button.fireHandler(); 

Answer 4

より一般的な方法：

document.querySelector("what-ever-el-selector").click(); 

のExtJS 4.2.6

乾杯

でテスト