0

我遇到了一个奇怪的问题，即视图中的某些“fireEvent”在我的 sencha 应用程序构建生产后不会起作用。在构建之前，一切正常，动作会按预期进行，但是，在构建生产之后，我发现'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);
    }
});
4

1 回答 1

0

这是因为您只能在创建新组件时传递配置，而不是函数（如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);
        }
    }
};
于 2013-01-29T15:29:49.803 回答