关于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 @   79524795  阅读(700)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 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数据库链式操作
点击右上角即可分享
微信分享提示