layui中的指定tab标签关闭

layui中的指定tab标签关闭

layui的选项卡只有第一次打开的时候获取最新的数据，为了不让用户每次操作时刷新，使用本方法让选项卡页面关闭后再打开

关闭当前打开的tab页面

parent.layui.admin.events.closeThisTabs();

关闭非当前tab选项卡，即另一个打开的iframe中的tab选项卡
1.首先引入admin.js(所有操作tab都需要导入admin.js)

<script src="${pageContext.request.contextPath }/layuiadmin/lib/admin.js"></script>

2.小白自定以的方法名是(closeTaskTabs())
写在需要调用的js地方

parent.layui.admin.events.closeTaskTabs();

3.我们打开admin.js，然后ctrl+f搜索closeThisTabs,这里有两个closeThisTabs方法，咱们在他的两个下面都定义一下，

这是570行的自定义方法

,closeTaskTabs: function(){
    	//#LAY_app_tabsheader>li是iframe或者tabs的父类，这里使用each遍历所有tab选项卡
    	$(TABS_HEADER).each(function(index, item){
              //这边根据tab选项卡的lay-id(layui属性)查询属性值为/Emp7SSM/task/toTask,符合条件便是这个索引
          	  if(item.getAttribute("lay-id").indexOf("/Emp7SSM/task/toTask")!=-1){
          		  //index是我们要的索引,即lay-id='/Emp7SSM/task/toTask',小白这里调用了上面那个自定义方法closeTaskTabs
          		admin.closeTaskTabs(index);
          	  }
          });
      }

这是310行的自定义方法

 ,closeTaskTabs: function(taskIndex){
  $(TABS_HEADER).eq(taskIndex).find('.layui-tab-close').trigger('click');
  }

另附一个打开新的layui选项卡页面，
在选项卡页面打开另一个选项卡及选项卡的模态窗口中打开…

top.layui.index.openTabsPage("选项卡页面的url链接", '选项卡标题');

累了一下午，给小白点个赞呗