X-admin2.2打开页面(添加弹窗),执行成功后如何关闭弹出窗口和刷新table表格内容?

十点数据 1年前 ⋅ 1851 阅读

相关阅读:

基于X-admin2.2的后台管理系统登录实现

Spring Boot+JPA微服务中数据更新问题(update)

Spring Boot集成X-admin2.2时,Layui字体图标无法正常显示或乱码问题解决方法

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属性

全部评论: 0

    我有话说: