博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
extjs 点击链接到另一个页面 并激活另一个页面的指定tab
阅读量:7254 次
发布时间:2019-06-29

本文共 988 字,大约阅读时间需要 3 分钟。

页面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);  
    }

 

 

转载于:https://www.cnblogs.com/peterpanzsy/archive/2013/05/02/3054184.html

你可能感兴趣的文章
XML文档注释
查看>>
【MongoDB】1、MongoDB for Java
查看>>
p3396 哈希冲突(暴力)
查看>>
C++面向对象类的实例题目十二
查看>>
细说new与malloc的10点区别(转载)
查看>>
2017年上半年软件设计师试题-02
查看>>
Asp.net mvc 3 - JSON post & AOP
查看>>
LIS 最长递增子序列
查看>>
在 CentOS 下手工安装 Docker v1.1x
查看>>
<meta>标签基础
查看>>
Java中三种代理模式
查看>>
阅读《构建之法》十一、十二、十三章之感
查看>>
线程面试题50道
查看>>
第二阶段团队项目冲刺站立会议(六)
查看>>
Android三种播放视频的方式
查看>>
AOP方法增强自身内部方法调用无效 SpringCache 例子
查看>>
CentOS 7 安装 JDK
查看>>
正则表达式
查看>>
对配置文件内的固定内容加密解密
查看>>
epoll函数知识点
查看>>