ext2.0中，如何嵌套布局？1.0中用的是Ext.NestedLayoutPanel

我想做的版面布局是这样的：在布局的“center”面板分成几个tab标签，有“首页”“收发费标准管理”等，然后在每个tab中再嵌套一个layout有“west”和"center"两个面板。

我只知道ext1.x中嵌套layout布局是用的Ext.NestedLayoutPanel，代码如下：现在想换成ext2.0，现在是用的Ext.TabPanel创建center面板中的tab，不知如何再嵌套一层layout在每个tab中？

 

代码如下：

我按照你的要求，做了一个布局效果，看看能否解决你的问题。

解开附件，拷贝文件到 ext2.0 examples\layout 目录中，即可看到效果。

其他布局例子：
http://code.google.com/p/seamextsample/downloads/list

记住在ext2.0里：
1、Panel/TabPanel/Viewport就是1.x中的Layout
2、如果想在Panel/TabPanel/Viewport里划分东南西北中，设置layout:'border'
3、把被放置在东南西北中的组件设置region:'east'/'south'/'west'/'north'/'center'，然后丢到Panel/TabPanel/Viewport的items属性里
4、抛弃在html里设置<div id='..">的做法，根本不需要
5、使用Ext.Viewport做为主框架,Ext.Viewport只能有一个
6、不需要render()，因为组件放置于其容器组件中后，会自动render
7、组件没有render之前，不能在其上使用dhtml/xmldom语句,在render事件处理中使用dhtml/xmldom语句

如此方可随心所欲地玩转ext布局

var west = new Ext.tree.TreePanel({
region:'west',
...
});

var northOfCenter = new Ext.Toolbar({
region:'north',
...
});

var westOfCenter = new Ext.Panel({
region:'west',
...
});

var center = new Ext.Panel({
region:'center',
layout:'border',
autoScroll:false,
items:[northOfCenter,westOfCenter],
...
});

var viewport = new Ext.Viewport({
        layout:'border',
        items:[
            west,
            center
         ]
    });

多谢taelons的指点，你这么一说，我的思路就清晰了，
当然，也很感谢fangzhouxing，你给的例子让我有“例”可循，不过你的例子有些高深，我是初学者，所以有些还看不懂，呵呵，我会慢慢来消化的