zoukankan      html  css  js  c++  java
  • 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值
                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);  
        }

  • 相关阅读:
    /etc/fstab 文件如何填写(转)
    在linux下PHP和Mysql环境搞事情
    nginx 添加的配置信息
    查看服务器硬件信息
    Centos下的SVN搭建
    20170413B端业务访问故障排查思路
    快速搭建BIND服务,并实现解析
    零基础学python-19.1 列表解析与序列映射函数map
    零基础学python-18.10 函数式编程工具:filter和reduce
    零基础学python-18.9 序列映射函数:map
  • 原文地址:https://www.cnblogs.com/peterpanzsy/p/3054184.html
Copyright © 2011-2022 走看看