Question

在我的代码中，我创建了一个面板对象，如下所示：

var grid = Ext.create（'Ext.grid.Panel'，{}）;

然后我试图定义一个小部件，它应该包含上面的面板作为其中一个项目。我得到了我的小部件的定义工作正常。但是如何包含上面的网格对象，以便它作为窗口小部件的一部分呈现：

Ext.define('Ext.simplegridwidget.GridTest', {
    extend: 'Ext.panel.Panel',
    alias: 'widget.gridtest',
    title: 'User Management'
});

Answer 1

更好的方法，以便与我的小部件相关的所有内容都保持在类定义中...

  Ext.define('Ext.simplegridwidget.GridTest', {
        extend: 'Ext.panel.Panel',
        alias: 'widget.gridtest',
        title: 'User Management',
        initComponent: function() {

            var grid = Ext.create('Ext.grid.Panel', {});

            Ext.apply(this, {
               items: [ grid, details]
           });

           return this.callParent(arguments);
        }
    });

Answer 2

好吧..想通了。毕竟不是太难......

   var grid = Ext.create('Ext.grid.Panel', {});

   Ext.define('Ext.simplegridwidget.GridTest', {
        extend: 'Ext.panel.Panel',
        alias: 'widget.gridtest',
        title: 'User Management',
        items: [grid]
    });

Extjs将动态创建的面板对象添加到现有面板的位置

2 个答案: