layuiAdmin 内页中打开页面新增tab的两种方法

一、在HTML中

<a lay-href="xxxx.html" lay-text="账号列表">打开新窗口</a>

二、在JS代码中

top.layui.index.openTabsPage(url, title);

//案例
table.on('tool(customerTable)', function (obj) {
        var data = obj.data;
        if (obj.event === 'detail') {
          top.layui.index.openTabsPage('/index/customer/read/id/' + data.id, data.name);
        }
}

下面是正使用的

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); // 延迟时间根据实际情况调整