layui table数据修改的回显

最新推荐文章于 2025-03-29 16:23:32 发布

buling_Monster

最新推荐文章于 2025-03-29 16:23:32 发布

阅读量1.2w

点赞数 1

分类专栏： struts2+jsp+layui

本文链接：https://blog.youkuaiyun.com/qq_42445139/article/details/84729856

版权

struts2+jsp+layui 专栏收录该内容

6 篇文章

订阅专栏

本文分享了使用layui框架实现表格数据回显及编辑功能的方法。通过获取表单输入框ID并在成功展示时进行赋值，实现了数据的动态回显。具体展示了如何在点击编辑按钮后，打开弹窗并自动填充用户数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实现的样式给你们看一波
点击这锅按钮

在这里插入图片描述

其实回显就是一个赋值的操作，先把form表单的那些input 框的id拿到，在展示成功的那里进行绑值

	table.on('tool(test)', function(obj) {
			var data = obj.data;       // 获得当前行数据
			var layEvent = obj.event; // 获得 lay-event 对应的值（也可以是表头的event 参数对应的值）
			var tr = obj.tr;         // 获得当前行 tr 的DOM对象
			if (layEvent === 'plan') {//修改操作
				var data = obj.data;
				layer.open({
					title : '编辑用户',
					type : 1,
					area : [ '62%', '80%' ],
					maxmin : true,
					shadeClose : true,
					content : $('#form'),
					shade : 0 // 不显示遮罩
					,
					success : function(layero, index) {
						layer.iframeAuto(index);
						console.log(data)
						$('#chc_id').val(data.chc_id);   //回显的操作最重要的一步就是这个啦，其他的也是差不多的
									}
				});	
			} //if结束
          });

好啦，分享结束