【已解决】我想在页面内 点击a链接,新打开tab页,我应该怎么写

兔白白

问题描述

我用的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>
478 1 1
1个回答

walkor 打赏

管理后台里有示例页面,里面找下

  • 兔白白 2024-05-15

    哈哈哈,确实 刚刚正好找到了 示例页面 - 数据分析 - 快捷菜单 这儿就有例子

  • 0813 2024-09-27

    这个示例页面在哪个手册里面呀,我想跳转页面的时候传上id怎么做

  • 兔白白 2024-09-27

    直接在url 链接里面传id 就可以了呀。

×
🔝