我用的webmenAdmin 的后臺框架
比如,我有一個(gè) 同學(xué)列表, 然后還有一個(gè) 成績列表,
我想在同學(xué)列表中, 點(diǎn)擊某個(gè)同學(xué),就能跳轉(zhuǎn)到成績列表 查看這個(gè)同學(xué)的成績,
但是,我直接用a標(biāo)簽 去跳轉(zhuǎn)的話, 它是在當(dāng)前的tab頁面里面跳轉(zhuǎn)的,
我想希望它能新打開一個(gè) tab頁面, 來查看成績,就像在左邊菜單欄 點(diǎn)擊菜單 會打開新的tab頁面一樣
不知道有沒有描述清楚,我沒找到 控制打開tab頁的方法, 有沒有大大幫忙看看
執(zhí)行下方的 JS,即可在tab頁 打開一個(gè)新的窗口,ID 是用來區(qū)分窗口是否存在的
parent.layui.tab.addTabOnlyByElem("content", {
id: '訂單追蹤-'+status,
title: '訂單追蹤-'+status,
url: '/admin/app/data-order-trace/index?status='+status,
close: true,
},0)
也可以用layui官方的寫法 直接給 特定的A標(biāo)簽 綁定跳轉(zhuǎn)事件,例如:
在官方示例文件 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)// 注意 這個(gè)尾巴這兒需要加個(gè)0 或者 false 否則會有報(bào)錯(cuò)
})
然后 在頁面中 就可以寫類似的 標(biāo)簽, 完成tab頁打開新標(biāo)簽了
<div class="pear-card" data-id="home1" data-title="主頁" data-url="http://www.baidu.com">
主頁
</div>