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);
}
比如点击数字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);
}
相关文章推荐
- 在一个页面点击链接跳转至另一个页面的选项卡tab中
- easyui 后台页面,在Tab中的链接点击后添加一个新TAB的解决方法
- 如何点击链接直接跳转到app store指定应用下载页面
- 点击A页面链接,跳转至B页面指定位置
- input点击链接另一个页面,各种操作
- 点击页面链接跳转到指定位置
- 如何点击链接直接跳转到app store指定应用下载页面
- 如何点击链接直接跳转到app store指定应用下载页面
- input点击链接另一个页面,各种操作
- 点击链接直接跳转到app store指定应用下载页面以及添加评论
- Android中点击TextView文本链接跳转到指定页面
- input点击链接另一个页面,各种操作。
- 用echarts.js制作中国地图,点击对应的省市链接到指定页面
- iOS实现在webview页面内点击链接,跳转指定App
- ASP.NET MVC WebApi 返回数据类型序列化控制(json,xml) 用javascript在客户端删除某一个cookie键值对 input点击链接另一个页面,各种操作。 C# 往线程里传参数的方法总结 TCP/IP 协议 用C#+Selenium+ChromeDriver 生成我的咕咚跑步路线地图 (转)值得学习百度开源70+项目
- 点击链接直接跳转到 App Store 指定应用下载页面
- extjs点击左边的树的链接时链接在新页面展示
- 微信点击图文消息链接 在根据判断跳到另一个页面 但是 点关闭 将当前的关闭之后 会出现空白页
- 点击后退按钮回到本页面中的另一个标签页(tab)
- 点击链接页面滑动到指定区域_和_图片延迟加载