我用的webmenAdmin 的后台框架
比如,我有一个 同学列表, 然后还有一个 成绩列表,
我想在同学列表中, 点击某个同学,就能跳转到成绩列表 查看这个同学的成绩,
但是,我直接用a标签 去跳转的话, 它是在当前的tab页面里面跳转的,
我想希望它能新打开一个 tab页面, 来查看成绩,就像在左边菜单栏 点击菜单 会打开新的tab页面一样
不知道有没有描述清楚,我没找到 控制打开tab页的方法, 有没有大大帮忙看看
执行下方的 JS,即可在tab页 打开一个新的窗口,ID 是用来区分窗口是否存在的
parent.layui.tab.addTabOnlyByElem("content", {
id: '订单追踪-'+status,
title: '订单追踪-'+status,
url: '/admin/app/data-order-trace/index?status='+status,
close: true,
},0)
也可以用layui官方的写法 直接给 特定的A标签 绑定跳转事件,例如:
在官方示例文件 plugin/admin/public/demos/console/console2.html 中的写法
$("body").on("click", "[data-url]", function() {
parent.layui.tab.addTabOnlyByElem("content", {
id: $(this).attr("data-id"),
title: $(this).attr("data-title"),
url: $(this).attr("data-url"),
close: true
},0)// 注意 这个尾巴这儿需要加个0 或者 false 否则会有报错
})
然后 在页面中 就可以写类似的 标签, 完成tab页打开新标签了
<div class="pear-card" data-id="home1" data-title="主页" data-url="http://www.baidu.com">
主页
</div>
管理后台里有示例页面,里面找下
哈哈哈,确实 刚刚正好找到了 示例页面 - 数据分析 - 快捷菜单 这儿就有例子
这个示例页面在哪个手册里面呀,我想跳转页面的时候传上id怎么做
直接在url 链接里面传id 就可以了呀。