Question

ExtJS中Tabpanel怎么嵌套gridpanel？

var tab = Ext.create('Ext.TabPanel', {
region: 'center',
id:"tab",
renderTo: Ext.getBody(),
deferredRender: false,
activeTab: 0,
resizeTabs: true,
plain: true,//True表示tab候选栏上没有背景图片（默认为false）
enableTabScroll: true,//选项卡过多时，允许滚动
defaults: { autoScroll: true },
items: [{
title: '查询页面',
layout: 'fit',
items: grid,
closable: true //这个tab可以被关闭
},
]
});
为什么这样写tab里面显示不出来grid？
tab.add({
id: "tab1",
title: '查询页面',
layout: 'fit',
items: grid
});这样子却可以。请给出前面显示不出来的原因，谢谢啦
var p = Ext.create('Ext.Panel', {
id: "p",
title: '测试页面',//标题
width: 400,
height: 200,
html: "<p>我是内容，我包含的html可以被执行！</p>"//panel主体中的内容，可以执行html代码
});
把上面的grid换成简单的panel好像也是这样。add的方法可以显示，直接扔到tab的items就不行了。//把items: grid替换成items: p

Answer 1

代码试过没问题啊，可以正常显示。不过好象遇到过有的浏览器items: [{
title: '查询页面',
layout: 'fit',
items: grid,
closable: true //这个tab可以被关闭
},
]后面多这个逗号会引起报错。如果不行的话，多贴点代码、浏览器也说一下。

追问

去掉逗号好像也不行。我更新了新的panel代码用于测试，贴上去了。问题也是这样。我用ie和火狐也显示不出来。我的extjs是6.2