layui之 子页面关闭刷新父页面(亲身测试,很实用)
2019-02-24 15:57
134 查看
版权声明:如有雷同,纯属巧合!!! https://blog.csdn.net/COCOLI_BK/article/details/87904116
layui - 子页面刷新父页面页面
parent.layui.table.reload('educationReload',{page:{curr:1}});
子页面主要代码块
[code]/* 表单提交 */ form.on('submit(component-form-element)', function (data) { $.ajax({ url: "/personnel/education", type: "put", contentType: "application/json", //设置请求参数类型为json字符串 dataType: "json", data: JSON.stringify(data.field), success: function (res) { var index = parent.layer.getFrameIndex(window.name); /* 先得到当前iframe层的索引 */ if (res.status == 200) { parent.layui.table.reload('educationReload',{page:{curr:1}}); //主页代码,第一个参数为: 父页面的表格属性 id名 parent.layer.close(index); //成功再执行关闭 parent.layer.msg("编辑成功", { icon: 6 }); } else { parent.layer.msg(res.msg, { icon: 5 }); } }, error: function (res) { parent.layer.msg(res.msg, { icon: 5 }); } }); return false; });
- 父页面的主要代码:
[code] var contractTable = table.render({ elem: '#staffContract' /* 所操作的表格id名 */, height: 'full-100' /* 表格有宽度之后,可设表格的高度最大化当前窗口 */, url: '/personnel/contract' /* 数据接口,渲染的接口路径 */, page: { layout: ['limit', 'count', 'prev', 'page', 'next', 'skip','refresh'] //自定义分页布局 //,curr: 5 //设定初始在第 5 页 ,groups: 4 //只显示 1 个连续页码 ,first: true ,last: true }, limit : 20, limits : [30,40,50], toolbar: '#operation', cellMinWidth:80, id: 'contractReload', //关键点, 子页面的第一个参数 cols: [ [ /* 表头 */ { type: 'radio' }, { field: 'userNumber', title: '编号', align: 'center' }, { field: 'userName', title: '姓名', color: 'red', sort: true, align: 'center' }, { field: 'contractType', title: '合同类型', align: 'center' }, { field: 'contractTerm', title: '合同期限', sort: true, align: 'center' }, { field: 'contractStartDate', title: '合同起始日', align: 'center', sort: true, templet: function (res) { return _util(res.contractStartDate) } }, { field: 'contractEndDate', title: '合同结束日', sort: true, align: 'center', templet: function (res) { return _util(res.contractEndDate) } }, { field: 'probation', title: '试用期(月)', align: 'center' }, { field: 'contractRemarks', title: '备注', align: 'center', sort: true }] ], done: function (res, curr, count) { } });
相关文章推荐
- jquery关闭当前页面,后台刷新父页面
- 弹出新窗口,提交后,关闭该弹出窗口,刷新父页面
- mui子页面关闭刷新父页面数据实例
- Layer弹出层关闭后刷新父页面
- 刷新父页面,并且关闭本页
- 新增完毕后子页面B关闭刷新父页面A,父页面A重新加载数据
- MVC中关闭弹出窗口,刷新父页面
- 关闭子页面刷新父页面中部分控件数据的方法
- [转] 怎样用jquery关闭子页面,并刷新父页面
- window.open页面关闭后刷新父页面
- JS打开新窗口,关闭本页刷新父页面
- ajax刷新父页面,关闭自己
- 关闭子页面刷新父页面
- asp.net中 弹出新窗口,提交后,关闭该弹出窗口,刷新父页面
- 关闭子页面刷新父页面中部分控件数据的方法
- window.showModalDialog关闭子页面刷新父页面
- 关闭当前页面时,刷新父页面
- layer弹出层关闭后刷新父页面
- layui如何在弹出的页面层关闭之后刷新父级页面
- Vuejs关闭打开的窗口后刷新父页面