ExtJs tree tabpanel 布局

学习extjs已经一个多月了，通过项目进行的，先说说我的项目的layout：viewport用的是border west里面是treepanel，center里面是tabpanel，点击treepanel时add一个panel（panel中有许多控件如formpanel，gridpanel，panel，treepanel等）到tabpanel中，

开始就是用的iframe，这样的话在拖动treepanel右侧的边框改变tabpanel的大小时tabpanel里面的控件都显示正常，并能够自动适应大小，其中tabpanel中的panel也用了viewport，但是iframe实在是令人难以接受，就每个页面都加那两个js都让人吐血，我换成autoLoad，虽然可以显示东西，在打开时也正常，但是在拖动treepanel右侧边框改变tabpanel大小时gridpanel的toolbar和columns总是不能自动适应大小，真让人吐血，我又在网上下了一些实例，或者是把控件都定义好让后直接通过点击树来动态放到center中的（根本做不了大型项目），或者就是通过autoLoad，一拖动treepanel就错位的，根本就没有处理的很好的实例，真不知道那些用extjs做大型项目的高手们是怎么处理这个问题的，请高手指点一下，在线等待。。。。。。

下面是我的iframe实现的项目截图