javascript - Extjs 在哪里将动态创建的面板对象添加到我现有的面板

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]
    });