将Ext.grid.Panel分配给Ext.tab.Panel时出错

时间:2011-06-03 09:29:16

标签: javascript extjs extjs4

我有一个标签面板,到目前为止工作正常, 但是只要我将一个网格面板作为其中一个标签应用,我就会在Observerable.js(来自分机的一个类)的某处出现js-error,说'item.on(...)'不是'item is undefinded'之后的函数

以下是相应的代码行:

这就是我在标签面板中所做的事情:

initComponent: function() {
        this.items = [{
            xtype: 'profileList',
            title: 'Profiles'
        }];

    this.callParent(arguments);
}

以下是我的网格面板的代码:

Ext.define('BC.view.profile.ProfileList', {
    extend: 'Ext.grid.Panel',
    alias: 'widget.profileList',

    cls: 'profileList',

    border: false,

    initComponent: function(){

        Ext.apply(this, {
            store: 'Profiles',

            columns: [{
                text: 'Name',
                dataIndex: 'name',
                flex: 1,
            }, {
                text: 'Others',
                dataIndex: 'otherUsers',
                width: 200
            }, {
                text: 'Limit',
                dataIndex: 'limit',
                width: 200
            }]
        });
        console.log('before');
        this.callParent(arguments);
        console.log('after');
    }

});

感谢您的帮助!

编辑:第一个console.log工作,错误似乎发生在'callParent()'

1 个答案:

答案 0 :(得分:0)

您无法像以下那样创建标签面板的项目:

 this.items = [{
        xtype: 'profileList',
        title: 'Profiles'
    }];

你应该使用Ext.apply(......代替:

Ext.apply(this,{items:[{
        xtype: 'profileList',
        title: 'Profiles'
    }]);