layui如何刷新iframe页面

最新推荐文章于 2024-03-08 15:47:51 发布
最新推荐文章于 2024-03-08 15:47:51 发布
阅读量6.5k 收藏 4
点赞数 3
分类专栏： layui 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39552348/article/details/105253837
版权

刚开始用layui框架对他的ifame菜单很感兴趣，但会发现一个页面改变了数据库状态的话，切换到另一个页面如果不刷新显示的还是原先数据的问题(如图）

该图为操作前，操作后状态发生改变，但是原始页面不刷新状态仍然是送审

对在前台进行权限管理的用户（比如我保存状态才有编辑按钮，然而在带审核状态就不能编辑了，当然也可以在后台验证）不是很友好，所以我觉得每切换一个页面就要刷新。

解决方案：

监听tab栏与侧边菜单栏，并获取当前的iframe对象并执行js刷新，有点啰嗦也没有用到原生的api感觉不是很完美，但目前仅能如此解决，希望大佬能有更好的解决方案，在此感谢

肥美的火鸡
关注
专栏目录
layui admin 当前子页面 刷新 其他页面 layui 关闭 子弹窗
hzm博客
03-16 1348
var parent =parent.layui.jquery; var indexWindow = parent(‘iframe[lay-id="/home/main"]’); indexWindow.attr(‘src’,indexWindow.attr(‘src’));
Layui 刷新当前的iframe
小九九的博客
08-26 1581
$("#LAY_app_body").find(".layui-show").find("iframe")[0].contentWindow.location.reload(); 1.$("#LAY_app_body").find(".layui-show") 定位到本页面正在展示的iframe 2.
再iframe中刷新列表
11-18
fly.js技术，再iframe中刷新父元素列表，再弹出层中刷新父框架
Layui 重新渲染iframe弹出层
cihron的博客
09-25 1073
在对表单页面进行数据填充时，发现当涉及“select”、“radio”、“checkbox”这三类元素时，即使已经使用JS进行了正确的处理，但界面显示仍然存在问题。其原因就是在对DOM进行了动态处理后，Layui没有自动进行渲染导致的。网上搜了很久，终于找到了一个处理方案，亲测有效。原文链接：https://blog.csdn.net/qq_34846877/article/details/116003689。在使用Layui的数据表格进行数据处理时，会用到弹出层layer对某条数据进行编辑。
layui让当前页面刷新_layer 刷新某个页面的实现方法，
weixin_39861627的博客
12-22 6884
layer 刷新某个页面的实现方法，一：使用layer.open打开的子页面window.parent.location.reload()//刷新父页面var index = parent.layer.getFrameIndex(window.name)//获取窗口索引parent.layer.close(index)1：刷新父页面2：关闭此页面2.1 获取窗口索引 (parent.window....
layui首页右键刷新事件，刷新iframe红色区域
蜗牛小前的博客
05-07 1814
var CURRLINK //声明变量 window.onload = function(){ initFram() } function initFram(){ //右键菜单 var menu = document.getElementById("menu"); var dgBcn = document.getElementsByClassName('...
LAYUI 在iframe子页面，调用父页面的form.render()方法，刷新在子页传来的下拉值。
最新发布
leiyanglove的博客
03-08 432
【代码】LAYUI 在iframe子页面，调用父页面的form.render()方法，刷新在子页传来的下拉值。
layui多iframe页面控制定时器运行的方法
12-09
总的来说，通过合理的定时器管理和状态判断，我们可以有效地控制layui多iframe页面中的定时器运行，降低服务器负载，提高用户体验。这个技巧对于任何使用iframe和定时器的Web应用程序都是一个值得采纳的最佳实践。
layui点击左侧导航栏,实现不刷新整个页面,只刷新局部的方法
10-16
在本文中，我们将探讨如何使用layui框架来实现一个功能，即当用户点击左侧导航栏时，不刷新整个页面，仅刷新页面的特定区域。layui是一个轻量级的前端UI框架，它提供了丰富的组件和功能，使得开发人员可以方便地构建...
layui easyweb iframe v3.1.8源码
12-08
[优化] 切换tab自动刷新支持每个子页面自定义刷新方法，可实现切换tab只重载表格 [优化] treeTable升级(增加toolbar、筛选列、拖拽列宽等)、dataGrid重构(兼容旧版) [优化] 页面层弹窗也支持tpl:true，弹窗开启tpl会...
LayUI table 刷新页面不重置页码
04-18
LayUI table 刷新页面不重置页码包含table.js被修改的源码及demo使用方法
layer 刷新某个页面的实现方法
12-11
一：使用layer.open打开的子页面 window.parent.location.reload()//刷新父页面 var index = parent.layer.getFrameIndex(window.name)//获取窗口索引 parent.layer.close(index) 1：刷新父页面 2：关闭此页面 2.1 获取窗口索引 （parent.window.name 或者window.name） 2.2 父级执行关闭 二：使用top.layer.open打开子页面 $(window.parent.document).find("iframe")[0].contentWin
【Layui】关闭当前页面并刷新父页面
德仔
07-06 5348
// 关闭当前页面 并刷新父页面 var index = parent.layer.getFrameIndex(window.name); parent.layer.close(index); window.parent.location.reload();
使用layui打开iframe的编辑页面，成功后关闭当前iframe并刷新父类表格
weixin_42974569的博客
04-09 384
在你请求结构返回成功后加上这句，完美解决 var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引 parent.layer.close(index); //再执行关闭 window.parent.location.reload(); ...
layui layer关闭iframe时使用end函数添加页面刷新
qq_34802936的博客
09-05 698
layui layer关闭iframe时使用end函数添加页面刷新
layui 刷新页面_layui打开iframe窗口不刷新的问题
weixin_40004659的博客
12-03 1066
这个问题可能是我工作以来，最死磕不算bug的一个了，晚上熬夜到三点钟，终于找到了解决的办法。问题所在，我所用的layui后台管理系统的框架是之前遗留下来的，2017年的版本，iframe窗口不刷新的问题，也就是框架本身的缓存问题，现在layui针对这一问题已经升级版本，就不存在问题了。先说一下要修改的地方：点击左侧的菜单栏（即打开一个新的iframe层页面），第一次打开的窗口会刷新，但是再次点击左...
layui左侧导航栏切换实现局部刷新（针对iframe）
热门推荐
清音的博客
03-27 2万+
在选项卡的界面添加layui.use里加入： element.on('tab(demo)', function(data){ var src=$(".layui-tab-item.layui-show").find("iframe").attr("src"); $(".layui-tab-item.layui-show").find("iframe").attr(...
php刷新父页面,layui: 子iframe关闭/传值/刷新父页面
weixin_29631169的博客
03-24 268
父层添加点击添加，按钮，执行添加方法function addCategory() {layer.open({ title:'添加分类',type: 2,area: ['700px', '530px'],fix: false, //不固定maxmin: true,content: '{sh::U("Mall/editcategory")}',success:function(laye...
iframe关闭子页面时不刷新父页面
06-12
当你在子页面中关闭 iframe 时，如果不想刷新父页面，可以使用以下代码： ```javascript parent.layer.closeAll(); // 关闭父页面所有弹出层 ``` 上述代码会关闭父页面中所有使用 layer 组件打开的弹出层，如果你只想关闭某个特定的弹出层，可以在 closeAll() 方法中指定对应的弹出层索引，例如： ```javascript parent.layer.closeAll(1); // 关闭父页面中索引为 1 的弹出层 ``` 注意，这里的 parent 是指父页面的 window 对象，因此需要在子页面中使用。此外，如果你在 iframe 中使用了 jQuery，也可以使用以下代码关闭弹出层： ```javascript parent.$(".layui-layer-shade").remove(); // 移除遮罩层 parent.$(".layui-layer").remove(); // 移除弹出层 ``` 上述代码会直接从 DOM 中移除遮罩层和弹出层，效果与调用 layer.closeAll() 方法相同。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值