IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> LAYUI点击tab刷新: 当已经弹出新页面的不需要点击刷新 当没有弹出页面的时候点击刷新 -> 正文阅读

[JavaScript知识库]LAYUI点击tab刷新: 当已经弹出新页面的不需要点击刷新 当没有弹出页面的时候点击刷新

目前处理:在弹出页面的时候存储session,关闭时删掉session中对应数据。
点击时拿到session判断:当前页面的url是否有匹配到session中的数据, 如果匹配到则不用刷新当前页面,否则刷新。

存储sessionStorage------必须先转成字符串才可以存储
获取sessionStorage------再转回JSON

 window.onload = function () {
 let isOpenList=[];
sessionStorage.setItem("isOpenList", JSON.stringify(isOpenList));//设置--sessionStorage
}
    重载表格-刷新
$('#LAY_app').on('click', '.layui-tab>#LAY_app_tabsheader>li', function (e) {
  let tabID = $(this).attr('lay-id');
  console.log('点击了tab刷新获取session', sessionStorage.getItem("isOpenList"));
//点击了tab刷新获取session ["true:/QSWMS/admin/pro/asn/asn.html"]
var isOpenListHref = JSON.parse(sessionStorage.getItem("isOpenList"));


// 长度大于0====有的页面不能刷新
if (isOpenListHref.length > 0) {
  console.log('长度大于0============有的页面不能刷新');
  let ifRunElse = { true: [], false: [] };
  for (let s = 0; s < isOpenListHref.length; s++) {
      console.log('获取每一个session的href', isOpenListHref[s]);
      // console.log('获取每一个sesssson的href', isOpenListHref[s].split(':'));
      var itemHref = isOpenListHref[s].split(':')[1];

      if (tabID == itemHref) {

          console.log(tabID, itemHref, '我有打开的页面------我不刷新');

          // return false
          ifRunElse.true.push(true);

      } else {

          ifRunElse.false.push(false);

      }
  }
  console.log('ifRunElse---------是否执行', ifRunElse);
  if (ifRunElse.true.length === 0) {
      console.log(tabID, itemHref, '我没有打开的页面-------------我刷新');

      var picTabNum = $(this).index();
      sessionStorage.setItem("picTabNum", picTabNum);
      var getPicTabNum = sessionStorage.getItem("picTabNum");
      var iframeID = $('#LAY_app_body .layadmin-tabsbody-item').find('iframe').eq(getPicTabNum).attr('id', 'iframe' + getPicTabNum);
      // var table = $('#LAY_app_body .layadmin-tabsbody-item').find('iframe').eq(getPicTabNum).contents().find('table');
      var src = $('#LAY_app_body .layadmin-tabsbody-item').find('iframe').eq(getPicTabNum).attr('src');
      $('#LAY_app_body .layadmin-tabsbody-item').find('iframe').eq(getPicTabNum).attr('src', src);//重新加载iframe
  }

} else {
  // 长度===0刷新
  console.log('长度========0刷新');

  var picTabNum = $(this).index();
  sessionStorage.setItem("picTabNum", picTabNum);
  var getPicTabNum = sessionStorage.getItem("picTabNum");
  var iframeID = $('#LAY_app_body .layadmin-tabsbody-item').find('iframe').eq(getPicTabNum).attr('id', 'iframe' + getPicTabNum);
  // var table = $('#LAY_app_body .layadmin-tabsbody-item').find('iframe').eq(getPicTabNum).contents().find('table');
  var src = $('#LAY_app_body .layadmin-tabsbody-item').find('iframe').eq(getPicTabNum).attr('src');
  $('#LAY_app_body .layadmin-tabsbody-item').find('iframe').eq(getPicTabNum).attr('src', src);//重新加载iframe

}


})
{
window.localStorage.removeItem('addAsnarray');


// // 设置session
// var iframeURL = '/QSWMS' + location.href.split('/QSWMS')[1];

// // 获取sessionStorage
// var isOpenList = JSON.parse(sessionStorage.getItem("isOpenList"));

// let OpenLength = isOpenList.length;//拿到数组长度

// // 设置sessionStorage
// isOpenList.push(OpenLength + '---true:' + iframeURL);//插入数组中
// sessionStorage.setItem("isOpenList", JSON.stringify(isOpenList));//设置--sessionStorage




layer.open({
  title: '新建入库计划单',
  type: 2,
  scrollbar: true,
  area: ['90%',
      '98%'],
  content: './addAsn.html',
  end: function () {
      var c = {
          fn: 'baseProductAction',
          md: 'enableAllIsCheck',
      }
      httpRequestPost("/MngServlet", c, function (res) {
          if (res.rt == 0) {
              table.reload('test');
          }
      })

      // // 删除

      // // 获取sessionStorage
      // var isOpenList = JSON.parse(sessionStorage.getItem("isOpenList"));
      // console.log(sessionStorage.getItem("isOpenList"), '在关闭的时候获取11111');

      // // 拿到要删除的那个数组的下标
      // var delStr = OpenLength + '---true:' + iframeURL;//
      // var index = isOpenList.indexOf(delStr);
      // isOpenList.splice(index, 1);//删除数组中的该元素

      // sessionStorage.setItem("isOpenList", JSON.stringify(isOpenList));//重新设置--sessionStorage
      // console.log(sessionStorage.getItem("isOpenList"), '在关闭之后的时候获取222222');




  }
});
}

在这里插入图片描述

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-04-26 11:33:45  更:2022-04-26 11:34:13 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 1:41:09-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码