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