Javascript 如何在extJS中打开面板中的网格？

我想在

Ext.Panel

中打开一个网格。我就是这么想的-

Var grid = Ext.create('Ext.grid.Panel', {
store: Ext.data.StoreManager.lookup('StoreId'),
columns: [
    { header: 'Resort', dataIndex: 'resort' },
    { header: 'Arrival', dataIndex: 'arrival' },
    { header: 'Guest', dataIndex: 'guest', flex: 1 }
]
renderTo: Ext.getBody()
});

Var panel = new Ext.Panel({
title: 'Accompanying Guest(s)',  
id: 'panel',    
items: [grid]
});

我想在窗口中打开这个面板-

var win = new Ext.Window({
                    layout: 'fit',
                    width: 900,
                    height: 600,
                    closeAction: 'hide',
                    plain: true,
                    items: [panel]
                });

我的代码有什么问题

var win = new Ext.Window({
    autoShow: true,
    layout: 'fit',
    width: 900,
    height: 600,
    closeAction: 'hide',
    plain: true,
    items: [{
        xtype: 'gridpanel',
        title: 'Accompanying Guest(s)',
        store: Ext.data.StoreManager.lookup('StoreId'),
        columns: [{
            header: 'Resort',
            dataIndex: 'resort'
        }, {
            header: 'Arrival',
            dataIndex: 'arrival'
        }, {
            header: 'Guest',
            dataIndex: 'guest',
            flex: 1
        }]
    }]
});

我从哪里开始

如果要将项目放入容器中，请不要使用renderTo

您已经为面板提供了带有中心区域的边框布局

边框布局不是必需的，使用fit即可

您已经在网格上声明了尺寸，但它们将由fit布局提供

过度筑巢。网格~是一个~面板，没有必要将其嵌套在另一个面板中。将标题放在网格面板本身上

---

这些并不能解决我的问题！更新了OP，因为你似乎只是选择了我的建议中你想遵循的。@Evantimboli-实际上

grid

，

panel

和

win

在3个不同的JS中。所以我应该按照我刚才问的方法来做。好吧，忽略#5，其余的还是一样的。@Evantimboli嘿Evan，问题是

面板

。我试图添加另一个ext.panel作为

面板的
项。它没有加载。如果
项
为空，则可以。为什么会这样？