java弹出表格,LayUI使用--单击tabel数据表格操作，单击弹出层，弹出层表单动态获取table单条数据...

1.页面基本元素

表格操作 - layui

用户名： 密码：

角色：

角色名称

备注：

提交

2.渲染table数据表格

3.监听点击事件//监听工具条 table.on('tool(test)', function(obj){ var data = obj.data; //formData = data; if(obj.event === 'del'){ layer.confirm('真的删除行么', function(index){ obj.del(); layer.close(index); }); } else if(obj.event === 'edit'){ layer.open({ //layer提供了5种层类型。可传入的值有：0(信息框，默认)1(页面层)2(iframe层)3(加载层)4(tips层) type:1, title:"修改用户信息", area: ['70%','70%'], content:$("#popUpdateTest").html() }); setFormValue(data);//动态向表单赋值 } });

4.动态向表单添加数据function setFormValue(data){ popForm.val("formTestFilter", { "userName":data.userName ,"password":data.password ,"roleName":data.roleName ,"userDescription":data.userDescription }); popForm.render(null,'formTestFilter') }