关闭

Extjs中TabPanel应用

标签: extjs
72人阅读 评论(0) 收藏 举报

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;
        }
        



0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:5318次
    • 积分:134
    • 等级:
    • 排名:千里之外
    • 原创:7篇
    • 转载:12篇
    • 译文:0篇
    • 评论:0条
    文章分类
    文章存档