layui打开窗口不刷新解决办法

最新推荐文章于 2023-04-28 15:48:50 发布
最新推荐文章于 2023-04-28 15:48:50 发布
阅读量2.7k 收藏 2
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38822390/article/details/90046291
版权
本文解决了使用2017年版本layui后台管理系统时遇到的iframe窗口缓存问题。当再次点击左侧菜单时，iframe不会自动刷新，需要手动F5才能更新内容。通过修改layui的tab.js文件并添加配置及自动刷新代码，成功实现了每次点击菜单时窗口自动刷新。
摘要由CSDN通过智能技术生成

这个问题可能是我工作以来，最死磕不算bug的一个了，晚上熬夜到三点钟，终于找到了解决的办法。

问题所在，我所用的layui后台管理系统的框架是之前遗留下来的，2017年的版本，iframe窗口不刷新的问题，也就是框架本身的缓存问题，现在layui针对这一问题已经升级版本，就不存在问题了。

先说一下要修改的地方：点击左侧的菜单栏（即打开一个新的iframe层页面），第一次打开的窗口会刷新，但是再次点击左侧菜单的时候就不会刷新了，每次这个页面获取到新的数据，iframe窗口里面都是有缓存的，都需要手动F5刷新才会更新，因此带来不便。

改为：每次点击左侧菜单，都会触发一次刷新事件。

解决办法：打开tab.js文件
1：在配置里面添上

autoRefresh:true

2：写自动刷新的代码

if(_config.autoRefresh) {
                     _config.elem.find(
最低0.47元/天 解锁文章
编程微刊
关注
js layui跳转页面_js相关：layui点击左侧导航栏,实现不刷新整个页面,只刷新局部的方法...
weixin_34463228的博客
01-27 1315
js相关：layui点击左侧导航栏,实现不刷新整个页面,只刷新局部的方法发布于 2020-7-17|复制链接分享一篇关于layui点击左侧导航栏,实现不刷新整个页面,只刷新局部的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小妖过来看看吧其实这篇文章是给自己看的，以后忘记怎么做回来还能看一下点击左侧菜单栏只刷新局部，局部就用iframe。首先先建layout页，建左侧菜单栏，然后下面的@R...
layui打开iframe窗口不刷新的问题
祈澈菇凉
04-19 1794
这个问题可能是我工作以来，最死磕不算bug的一个了，晚上熬夜到三点钟，终于找到了解决的办法。 问题所在，我所用的layui后台管理系统的框架是之前遗留下来的，2017年的版本，iframe窗口不刷新的问题，也就是框架本身的缓存问题，现在layui针对这一问题已经升级版本，就不存在问题了。 先说一下要修改的地方：点击左侧的菜单栏（即打开一个新的iframe层...
layui点击左侧导航栏,实现不刷新整个页面,只刷新局部的方法
01-19
其实这篇文章是给自己看的，以后忘记怎么做回来还能看一下 点击左侧菜单栏只刷新局部，局部就用iframe。 首先先建layout页，建左侧菜单栏，然后下面的@RenderBody（） <!-- 左侧导航区域（可配合layui已有的垂直导航） --> <li class=layui-nav-item l
LayUI一行代码解决同一菜单或菜单选项卡重复点击不刷新问题
AnNong
11-09 1933
一、layui菜单及选项卡只有第一次点击会刷新，重复点击是从cache中读取，实际生产环境中这种方式显得很累赘。 在layui的底层js,也就是admin.js中找到监听tab切换的tabChange方法,添加如下配置即可完美解决: P.tabsBody(e).children("iframe").attr("src", P.tabsBody(e).children("iframe").at...
(转载)layui导航栏切换实现局部刷新（针对iframe）
weixin_44752430的博客
11-05 5764
本文转载自：https://blog.csdn.net/qq_38839887/article/details/88834495 遇到个iframe的老项目需要维护，在弹出的窗口中充值完成时，需要同步刷新底部的table列表，参考上文方式，因为是父窗口，所以，需要改动下原代码。如下，先得到父iframe窗口，然后找到需要的iframe页面，用attr的方式即可进行局部刷新。 var src=$(p...
LayUI之动态选项卡Tab&iframe使用
qq_63531917的博客
07-18 607
当我们点击一个页面（因为博主这里有一些页面是没有写的所有会报404）我们把login.jsp的实现代码封装成js，main.jsp也一样。实现类PermissionAction.java。方法类PermissionDao.java。要用到的表t_oa_permission。实体类Permission.java。方法层UserDao.java。前端代码实现main.jsp。当我们输入错误的账号和密码时。那么会直接跳转到指定的页面。数据表t_oa_user。实体类User.java。...
layui停止更新_LayUI页面关闭和刷新问题
weixin_39910043的博客
12-19 136
一 编辑成功后刷新父页面$.ajax({type: "POST",url: "${base}/pm/pmshiftEditList",data: $("#form").serialize(),//将对象序列化成JSON字符串success: function(res){if (res.success) {parent.layer.msg("操作成功!", {time: 1000}, functi...
layui中刷新数据，关闭所有弹窗
hangGe0111的博客
01-14 1536
1.在layui中，在当前页面中刷新，通过table.reload('dataCheck')即可，如果在a页面中打开一个弹窗a1，再在a1中打开一个弹窗a11，然后再在a11中对页面数据做一些增删改查的操作，接口返回成功后，页面数据刷新，同时关闭页面所有的弹窗。 （1）这里举一个iframe的例子，a页面时通过左侧的导航栏点击打开的iframe页面，a1是在a中通过parent.layer.op...
layui 关闭弹出层并刷新父级页面：
qq_43024877的博客
10-31 1560
项目场景 layui 关闭弹出层并刷新父级页面： @Override form.on('submit(demo1)', function (data) { delete data.field.file; data.field.id='{$res.id}'; $.post('{:url("index/Saas/mess8")}?type=status', {data: JSON.stringify(data.field)
LayUI table 刷新页面不重置页码
04-18
LayUI table 刷新页面不重置页码包含table.js被修改的源码及demo使用方法
Layui，table，利用 localStorage保存筛选列刷新页面不重置
weixin_42938119的博客
02-12 2184
在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。 而在layui中，layui对 localStorage 进行了友好封装，名字为 “本地存储”。使用方法为 layui.data(table, settings)。其中参数 table 为表名，settings是一
解决layuimini 切换页面 数据不刷新问题
淮右布衣的博客
10-22 3169
问题描述 使用的layuimini后台模板，第一次点击左侧菜单栏的时候会刷新页面，然后切换别的菜单之后，再次点击原页面，页面不会刷新，例如当我每成功审核一条数据，跳转到审核历史页面，应该能看到刚才审核的那条数据，但是现在却要每次手动刷新之后，才能看到刚才审核的那条数据。= 解决方案 利用HTML5的storage事件 当同源页面的某个页面修改了localStorage，其余的同源页面只要注册了storage事件，就会触发” 所以，localStorage 的例子运行需要如下条件： 同一浏览器打开了两个同源
Layui 点击查询分页，页码不刷新解决方法
weixin_30794491的博客
09-02 1753
Layui 点击查询分页，页码不刷新解决方法 function queryDataGrid() { layui.table.reload(tableName, { where: { //设定异步数据接口的额外参数，任意设 columnName: layui.$("#columnName").val...
LayUi之动态选项卡Tab&Iframe的使用
m0_67477525的博客
07-18 2316
.ajax({url'json',success;;});}})}});});titletitle,content100%;height100%;,idid})}//切换到用户管理}
layuimini tab切换刷新
qq_43026206的博客
01-12 1003
1.前端 <div class="easyui-layout" data-options="fit:true,border:false"> <div data-options="region:'center'" style="height:59%;"> <table id="curInfor"></table> </div> </div> 2.方法一：监听 layui.u
el-tabs 切换时候数据不刷新问题
super帅的博客
11-25 2747
el-tabs 切换时候数据不刷新问题,为组件 添加key即可，:key='activeName'
ruoyi系统部分页签点击后刷新页面，部分点击后不会刷新页面
HUQWSYK的博客
08-30 3099
ruoyi前后端分离项目部分页签点击后会刷新页面，但是一部分页签点击后不会刷新页面
layuimini tab切换刷新解决方案-根据需要刷新
最新发布
renzhehongyi的专栏
04-28 2088
问题：layuimini 管理页面框架iframe版本，当打开多个tab页面时候，从列表页tab打开编辑页tab，当修改完成后再次跳转到列表页tab，应该自动刷新，而不用手动刷新；3.在miniTab.js切换的时候判断父页面输入框值是否为“refresh”，如果是则刷新，刷新完成后设置为空值；1.在index页面添加一个input输入框（实际需要隐藏hidden）;2.在编辑页tab跳转前给父页面input输入框赋值“refresh”；解决：利用父子iframe之间传递参数方式解决。
layui 打开新窗口
03-29
在 layui 中，可以使用 layer.open() 方法打开一个新窗口。该方法需要传入一个对象作为参数，对象中可以设置新窗口的一些属性，例如宽度、高度、标题、内容等。 下面是一个示例： ```javascript layer.open({ type: 1, title: '新窗口', area: ['500px', '300px'], content: '<p>Hello, world!</p>' }); ``` 其中，type 表示新窗口的类型，1 表示普通窗口。title 表示窗口的标题，area 表示窗口的宽度和高度，content 表示窗口的内容。 还可以通过设置 offset 属性来调整新窗口的位置，例如： ```javascript layer.open({ type: 1, title: '新窗口', area: ['500px', '300px'], offset: '100px', content: '<p>Hello, world!</p>' }); ``` 其中，offset 的值可以是像素值或者百分比值，表示新窗口距离浏览器顶部的距离。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值