ExtJs手动触发Click事件，按钮参数与鼠标单击不同

所以，我有一个登录控制器，你可以用鼠标单击登录或按 Enter 键，如下所示：

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.

但是，如果我按下 Enter 键并触发onKey要做的功能fireEvent('click')，在这种情况下onButton启动但参数button不一样button鼠标点击时接收到的参数！而这一次，button.up()函数未定义。

问题是，为什么fireEvent('click')给我一个不同的按钮参数？

您必须使用fireEvent像这样的函数：

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

myBtn.fireEvent('click', myBtn);

试一试。