您的位置:首页 > Web前端 > JavaScript

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

2013-05-02 10:30 393 查看
页面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);
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐