相关阅读:
Spring Boot+JPA微服务中数据更新问题(update)
Spring Boot集成X-admin2.2时,Layui字体图标无法正常显示或乱码问题解决方法
ZTree工具类汇总,包括:新增、编辑和删除节点,并提交后台
X-admin2.2中switch开关的监听,以及属性值获取和更改状态等操作
如果在基于X-admin2.2进行开发时,关闭弹出的添加窗口后,如何只刷新table表格的内容,其他不变呢?
更多交流,请关注右侧**公众号
**,
JavaScript完整代码如下:
//监听提交
form.on('submit(add)',
function(data) {
var articleFrom = data.field;
result = Ajaxget.excute("/layui/user/addEdit", false,
articleFrom, true)//发同步请求,把数据提交给后台;
message = result['message'];//后台返回的提示信息;
if (message == null || message == undefined
|| message == "") {
if (result['sucess'] == "true"
|| result['sucess'] == true) {
layer.alert("增加成功", {
icon : 6
}, function() {
// 获得frame索引
var index = parent.layer
.getFrameIndex(window.name);
//表格重载
parent.layui.table.reload('test');
//关闭当前frame
xadmin.close();
});
}
} else {
layer.alert(message, {
icon : 6
});
}
//最后return false防止页面刷(form表单提交后如果请求原来的页面尾后没有参数?id=之类的参数请求,可以不返回false)),
return false;
});
其中重要部分如下所示:
// 获得frame索引
var index = parent.layer.getFrameIndex(window.name);
//表格重载
parent.layui.table.reload('
test
');
//关闭当前frame
xadmin.close();
弹窗方式的新增或者修改完成以后,执行上面这三行代码,就可以刷新父页面的table,其中的'test'为父页LayUi table的id属性