ExtJS中的Panel在render之后，再动态加载Grid或其他内容, 查看dom已加载但前台不显示

Question

extjs

Answer 1

试过多种方式，包括 add(), renderTo() 等都是一样的结果

Answer 2

http://img.bbs.csdn.net/upload/201409/30/1412050645_611585.png

Answer 3

initComponent: function() {
var items = [{html: '<div name="QueryPanel">121</div><div name="GridPanel">2121</div>'}];
switch (this.action) {
case 'list':
items[items.length] = this.getListView();
break;
}
this.items = items;
this.callParent();
}
调整为在render之前在 initComponent() 中直接以item形式加载，任何节点也是加载到DOM中了，但前台显示不出来。估计是上层容器问题，与grid无关吧。
-----------------------------------------------------------------------------------------
这里自定义的Project.view.DataView ，是被加载到一个导航框架主窗体的 tabpanel 的一个 tab 中的，加载代码如下所示：
var tabCont = oContents.add({
  title: strTabTitle, 
  closable: true,
  html: '<div name="ProjectView"></div>'
});
oContents.setActiveTab(oContents.items.length-1);var oView;
oView = Ext.create('Project.view.DataView', oMenu);
oView.render(tabCont.getEl().down('div [name="ProjectView"]'));