关于LayuiAdmin单页版 点击 生成新的 tab标签页 , 和 关闭当前标签页 跳转某个标签页
挠头一小时,解决一秒钟。 直接上代码
1生成新的 tab标签页
html
<button class="layui-btn layuiadmin-btn-useradmin" id="openNewTabBtn" >添加</button>
js
layui.use(['element', 'table','jquery'], function(){
var $ = layui.$
var element = layui.element
// 假设有一个按钮,点击后打开新Tab
$('#openNewTabBtn').on('click', function(){
var text = '新增源码'; // 新Tab的标题
var href = "{:url('ym/addym')}" ; // 新Tab要加载的内容页面的URL
//执行跳转
var topLayui = parent === self ? layui : top.layui;
topLayui.index.openTabsPage(href, text );
});
});
2.关闭当前标签页 跳转某个标签页
js
// 假设我们知道要返回的Tab的URL
var returnTabHref = "{:url('ym/ymlist')}"; // 需要返回的Tab的URL
// 关闭当前Tab
setTimeout(function(){ // 使用setTimeout确保顺序执行
var topAdmin = parent === self ? admin : parent.layui.admin;
topAdmin.closeThisTabs(); // 这里可能需要根据实际的方法名调整
// 返回到指定的Tab,如果它已经打开,这将会切换到那个Tab
var topLayui = parent === self ? layui : top.layui;
topLayui.index.openTabsPage(returnTabHref, '源码'); // 你需要知道返回Tab的标题
}, 1); // 延迟时间根据实际情况调整
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?
2022-04-06 Niushop佣金待结算问题
2021-04-06 TP5.1数据库时间查询
2021-04-06 TP5.1数据库聚合查询
2021-04-06 TP5.1数据库链式操作