Question

我遇到一个奇怪的问题，在我的sencha应用程序正在构建生产之后，视图中的某些'fireEvent'将不会起作用。在构建之前，一切正常，操作将按预期进行，但是，在构建生产之后，我发现'this'触发的'fireEvent'是正常的，但是变量是正常的。以下是我的代码。

Ext.define('WirelessCity.view.TopMenu', {
    extend:'Ext.Toolbar',
    alias:'widget.topmenu',

    initialize: function(){
        this.callParent(arguments);
                 var topMenu = this;

        var btn = {
            xtype: 'button',
            width: 42,
            margin: '5 0 5 3',
            border: '0',
            style: 'background:url(resources/images/left_btn.png);',
            handler: this.onMarkButtonTap,   // will work
            scope: this
        };

        var search = {
            width: 46,
            margin:'3 5 0 0',
            style:'background:url(resources/images/search_btn.png);border:0;background-repeat:no-repeat;',
            initialize: function(){
                this.element.on({
                    tap: function(){
                        topMenu.fireEvent('searchCmd', topMenu);    // will not work
                    }
                });
            }   
        }

        this.add([btn,  search]);
    },

    config: {
        docked: 'top',
        //flex: 1,
        height: 38,
        padding: 0,
        margin: 0,
        border: 0,
        style: 'background:url(resources/images/top.png)'
    },

    onMarkButtonTap: function(){
        //Ext.Msg.alert('mark');
        this.fireEvent('markCmd', this);
    }
});

Answer 1

这是因为你只能在创建新组件时传递配置，而不是函数（如initialize）。如果要覆盖这样的方法，则必须通过扩展另一个类来创建自己的类（在这种情况下为Ext.Button）。

但是，对于您的特定用法，您可以在添加侦听器时使用element选项：

var search = {
    width: 46,
    margin:'3 5 0 0',
    style:'background:url(resources/images/search_btn.png);border:0;background-repeat:no-repeat;',
    listeners: {
        element: 'element',
        tap: function() {
            topMenu.fireEvent('searchCmd', topMenu);
        }
    }
};

在构建生产之后，一些fireEvent动作将不会发生

1 个答案: