LayerUI子页面调用父页面的方法以及删除某一条记录刷新当前页

本文介绍在layui框架中实现弹窗修改数据后关闭窗口并刷新列表的方法,以及删除数据时保持当前页数据更新的技术细节。
在layer ui中我们经常会应道分页插件以及我们经常会弹框进行操作,比如修改用户的信息,要求修改成功后关闭弹框并刷新数据列表,删除数据时我们需要定位在当前页(数据数>0)进行数据的刷新,如果刚好本业只有一条数据被删除了则返回上一页的数据列表。前段时间,由于公司需要做一个审批后台,于是用了layui开发了一个系统,开发过程中就遇到如何在弹出层的子页面修改完数据成功后,关闭当前页面以及刷新修改的数据列表,还有就是,删除某一条记录如何保证返回的数据是当前页的数据而不是重新刷新整个数据列表,返回第一页。
1、子页面调用父页面的方法
这个其实很简单,直接使用parent.getUserPageInfo()(parent加父页面的方法即可),
同时关闭弹出层的方法:
var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
parent.layer.close(index);
2、如何在删除本页某一条数据时,定位在当前页进行数据刷新:

定义分页查询必要的全局变量。
var current = 1;//当前页码
var limitSel = 10;//每页展示条数
var totalPage = 1;//总页数
var dataLength = 0;//数据总长度






评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值