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


posted @ 2024-04-06 21:34  79524795  阅读(242)  评论(0编辑  收藏  举报