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