extjs 点击链接到另一个页面 并激活另一个页面的指定tab

页面A上有三个数字0、1、2,要实现点击后分别跳转到页面B的指定面板表格。

比如点击数字2,就跳转到页面B并使第三个tab激活。

网上搜半天没找到合适的。

最后实现如下

页面A里代码:

<a  href="B.jsp?id=0">0</a>。

<a  href="B.jsp?id=1">1</a>。

<a  href="B.jsp?id=2">2</a>。

页面B里的js:

      var tabs = new Ext.TabPanel({
            renderTo: 'infect-tab',
            id:'infect-tabs',//id值
            width: 700,
            autoHeight: true,
//            activeTab:0,//注意这里一定不能预设active的面板了。。注释掉
           
            defaults:{autoHeight: true},
            deferredRender :false,
            items:[
                  {
                      contentEl: 'grid-newaction',
                      title: '0'
                 },
                 {   contentEl: 'grid-active',
                      title: '1'
                  },
                  {    
                      contentEl: 'grid-activedomain',
                      title: '2'                      
                  }
            ]
        });


    tabs.doLayout();

   //增加下面的js

    var params= window.location.search;//params:?id=num
    
    var arr = params.substring(1).split("=");  
      
    var id = arr[1];  
    
    if (id=='1'){
        Ext.getCmp('infect-tabs').setActiveTab(1);  //infect-tabs是tabPanel的id,0、1、2是子tab的序号。

  // or tabs.setActiveTab(1);
    }else if(id=='2'){
        Ext.getCmp('infect-tabs').setActiveTab(2); 
    }else{
        Ext.getCmp('infect-tabs').setActiveTab(0);  
    }

 

 

posted @ 2013-05-02 10:30  peterpanzsy  阅读(1941)  评论(0编辑  收藏  举报