您的位置:首页 > 产品设计 > UI/UE

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) { }
});

 

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: