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