Layui 点击跳转新的tab页并后台校验，异常弹出提示信息并关闭tab页

原创于 2020-08-16 10:42:20 发布 · 1.4w 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#其他

Layui 专栏收录该内容

12 篇文章

订阅专栏

本文介绍如何使用layui框架在点击跳转至新tab页时进行后台校验，若校验异常则显示提示信息并自动关闭该tab页。通过引入admin.js并使用特定代码段，可以实现在layui环境下对新打开tab页的状态控制。

如果点击跳转新的tab页，同时打开tab页并后台校验，如异常弹出提示信息并关闭tab页；
如如下图片，点击1跳转到2，但是会进行后台校验，然后要关闭2，就可以用以下代码
在这里插入图片描述

引入admin.js

layui.use([ 'index', 'laydate', 'form','laypage','httpCommon', 'jquery','layer','table','admin'], function () {
var admin = layui.admin;

在需要处理的条件内，添加此段代码；
 var topAdmin = parent === self ? admin : parent.layui.admin; // 关闭tab页
             topAdmin.closeThisTabs();
             $("#LAY_app_tabsheader>li").eq(admin.tabsPage.index).find('.layui-tab-close').trigger('click');