Question

如何在div中添加extjs的panel

Answer 1

实现代码如下：
Ext.onReady(function(){
var centerRegion = new Ext.TabPanel({

region : 'center',
margins : '3 3 3 0',//距离top、right、bottom、left边界的距离,单位为像素
activeTab : 0,
defaults : {
autoScroll : true
},
items : [{
title : '主页',
html : '内容'
}]
});
centerRegion.render('con');
var westRegion = new Ext.Panel({
title : '导航',
region : 'west',
split : true,
width : 200,
//True表示为面板是可收缩的，并自动渲染一个展开/收缩的轮换按钮在头部工具条
collapsible : true,
margins : '3 0 3 3',
cmargins : '3 3 3 3',
layout : 'accordion',
layoutConfig : {
titleCollapse : true,//单击标题就可以折叠面板
animate : true,//展开的效果
activeOnTop : true//是否可以改变顺序
},
items : []
});

new Ext.Viewport({
layout : 'border',
items : [{
region : 'north',
height : 100,
title : '顶部面板'
},
{
region : 'south',
height : 30,
title : '底部面板'
},
westRegion,
centerRegion]
});
});

Answer 2

一种是在panel中写 renderTo: 'id',这个id就是div的id
还有一种调用方法panel.render(id);