tabpanel 使用问题

 

     一般在使用tabpanel的多页显示的使用大部分都是使用iframe嵌套页面做显示，我们项目中有一个雇员信息分类显示的页面，是吧雇员的信息分成几大类别显示，如果做成几个页面在用iframe显示未免有点浪费，查询出来数据以后不好处理

这时候我希望用多个formpanel 分别render tablepanel的

中，但是始终没法渲染成功

搞了一个上午终于发现了问题的根源tab下的标题是不点击不会激活的，所以在frompanel在render的时候div还没有加载到页面中，导致render出错，

    我找到了两种解决方法

1:myTabPanel.setActiveTab(newComponent); 使用这个方法可以在加载完tabpanel且formpanel没有render的时候

把各个标题一次激活，但这这样会有一个问题，就是本来formpanel的正常布局全部都成了纵向布局，这个问题不知道是什么原因，我在做extjs页面开发的时候经常会遇到把formpanel嵌套到另一个组件中发生布局错误

 

2：首先把frompanel new出来，然后把tabpanel new出来，在tabpanel中添加监听事件 listeners: {activate: function()
                    {
                    formpanel.render("f");
                       
                    }
                 
                 },

顺序要正常不然也不会正常显示