Extjs中TabPanel应用

1. TabPanel应用

function getTabPanel(){

            var chtml="<iframe name='mainFrame' id='mainFrame' ";
            chtml+="src=''";
            chtml+="style='width:100%;height:100%' frameborder='0' scrolling='yes' ></iframe>";
            var tab=new Ext.TabPanel({id:"gcenter"
                ,activeTab:0
                ,html:chtml
                ,border:false
                ,items:[              
                    {title:"&nbsp;&nbsp;问题点趋势图&nbsp;&nbsp;",listeners:{activate : showQuestionManagementTend}},
                    {title:"&nbsp;&nbsp;责任科长分布图&nbsp;&nbsp;",listeners:{activate : showChiefDistribution}},
                    {title:"&nbsp;&nbsp;责任人分布图&nbsp;&nbsp;",listeners:{activate : showPersonDistribution}},
                    {title:"&nbsp;&nbsp;线体分布图&nbsp;&nbsp;",listeners:{activate : showLineDistribution}}
                ]
            });
            return tab;

        }

2.查询方法

      function doSearch(){
            var tabNum = getActivate();
            if(tabNum==0) showQuestionManagementTend();
            if(tabNum==1) showChiefDistribution();
            if(tabNum==2) showPersonDistribution();    
            if(tabNum==3) showLineDistribution();
        }
        
        function getActivate(){
            var tabNum = 0;
            var tabpanel = Ext.getCmp('gcenter');
            for(var i=0;i<tabpanel.items.items.length;i++){
                if(tabpanel.activeTab ==tabpanel.items.items[i]){
                    tabNum =  i;
                }
            }
            return tabNum;
        }