layui刷新当前页面的方法总结

2025-10-22前端开发
420

本站总结了layui刷新当前页面的各种方法,希望能够帮到需要的朋友:

1、编辑成功后刷新父页面,代码如下:
$.ajax({
	type: "POST",
	url: "${base}/pm/pmshiftEditList",
	data: $("#form").serialize(),
	//将对象序列化成JSON字符串
	success: function(res) {
		if (res.success) {
			parent.layer.msg("操作成功!", {
				time: 1000
			}, function() {
				//重新加载父页面
				parent.location.reload();
			});
			return;
		} else {
			layer.msg(res.message, {
				time: 2000
			}, function() {});
		}
	},
	error: function(res) {}
});
2、请求成功后刷新数据表格
 if (obj.event === "editDetails") {
 	var editIndex = parent.layer.open({
 		title: "编辑工艺",
 		type: 2,
 		content: "${base}/pm/routingtmpl/info?id=" + data.id,
 		area: ['100%', '100%'],
 		//宽高
 		success: function(layero, addIndex) {},
 		end: function() {
 			t.where = data.field;
 			table.reload('test', t);
 			return false;
 		}
 	});

3、关闭子页面刷新父页面数据表格

调用layer插件的end回调方法:

end - 层销毁后触发的回调

类型:Function,默认:null

无论是确认还是取消,只要层被销毁了,end都会执行,不携带任何参数。

父窗口打开layer弹出框时,添加end回调

addIndex = layer.open({
	title: "编辑客户定单",
	type: 2,
	content: "${base}/order/projectEdit?id=" + data.project_id,
	success: function(layero, addIndex) {
		setTimeout(function() {
			layer.tips('点击此处返回客户定单列表', '.layui-layer-setwin .layui-layer-close', {
				tips: 3
			});
		}, 500);
	},
	end: function() {
		var data1 = table.cache["test"];
		t.where = data1.field;
		//重新加载数据表格
		table.reload('test', t);
	}
});
4、请求成功后刷新当前页面
$.post("${base}/order/SaveOrder", data.field, function(res) {
	if (res.success) {
		parent.layer.msg("保存成功!", {
			time: 1000
		}, function() {
			//重新加载当前页面
			location.reload();
		});
	} else {
		layer.msg(res.message);
	}
});
5、关闭当前子页面
 //返回
 $("#closePage").click(function() {
 	var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
 	parent.layer.close(index); //关闭弹出的子页面窗口
 });
6、关闭当前页面后调用父页面方法
 function closePagetmp(id, num) {
 	//调用父页面方法
 	window.parent.showPBom(num, id);
 	var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
 	parent.layer.close(index); //关闭弹出的子页面窗口
 }
The End
layui layui刷新

相关推荐

layui刷新当前页面的方法总结
本站总结了layui刷新当前页面的各种方法,希望能够帮到需要的朋友: 1、编辑成功后刷新父页面,代码如下: $.ajax({type: "POST",url: "${base}/pm/pmshiftEditList",data: $("#form").serialize(),//将对象序列化成JSON字符串success: function(res) {if (res.success) {parent.layer....
2025-10-22 前端开发
420

layui如何实现全局排序切换
layui默认提供有sort排序,但是仅针对当前页面中的数据,无法实现全局数据的排序,如果需要全局排序,需要后台程序支持才可以实现。 可以在layui触发排序事件上改进下。 本功能必须配合后台程序否则无效。 实现方法 table格式这么写: table...
2025-10-19 前端开发
293

layui实现图片上传成功后回显点击放大图片功能
layui实现图片上传成功后回显点击放大图片功能,html代码部分: !-- html代码--div class="layui-form-item" label class="layui-form-label"上传图片/label div class="layui-input-block" button type="button" class="layui-btn" id="license-auth-letter-...
2025-09-06 前端开发
202

Layui实现数据表格中鼠标悬停图片放大离开时恢复原图
Layui实现数据表格中鼠标悬停图片放大离开时恢复原图的效果,最终效果如下图所示: 实现代码如下,在done函数中调用hoverOpenImg方法 var tableIns = window.demoTable = table .render({ elem : '#idTest', id : 'idTest', url : '/postData', //width : 150...
2025-09-04 前端开发
112

layui点击文本输入框调起弹出选择框并选择内容的两种方法参考
我们在用到layui时候,需要点击文本输入框调起弹出选择框并选择内容,这个要怎么操作呢?以下两种方法可以参考: 1、点击名称,弹出信息弹框,选择表格中的某一行,实现效果如下: html页面代码 !--计量器具弹出层-- div id="equipment" lay-filter="equipmen...
2025-09-02 前端开发
167

Layui treetable复选框联动解决方案
我们都知道layui treetable.js没有checked做联动。我们要实现Layui treetable复选框联动要怎么操作呢?实现的最终效果如下: 1. 在当前HTML文档checked监听函数中增加以下代码: //联动 table.on('checkbox(quan_list)', function(obj){ //console.log(obj);...
2025-06-06 前端开发
163