Question

如何动态向panel中添加一个items到指定位置

Answer 1

Ext.onReady(function() {
var panel = new Ext.Panel({
id:'main-panel',
baseCls:'x-plain',
renderTo: Ext.getBody(),
layout:'table',
layoutConfig: {columns:3},
// applied to child components
defaults: {frame:true, width:200, height: 200},
items:[{
title:'Item 1'
},{
title:'Item 2'
},{
title:'Item 3'
},{
title:'Item 5'
},{
title:'Item 7',
width:410,
colspan:2
}]
});
});
</script>

效果如图

现要动态向里面添加一个Item4，效果如下：

应如何设置啊

如何动态地把layoutConfig: {columns:3},设置为4啊

还有这个Ext.getCmp('main-panel').items.add()