layui官方示例
HTML代码
<form class="layui-form hide" action="" lay-filter="example" id="edit_content"><div class="layui-form-item"><label class="layui-form-label">用户编号:</label><div class="layui-input-block"><div class="layui-input-inline"> <input type="text" id="edit_userid" name="userid" readonly lay-verify="readonly" value="" class="layui-input"> </div></div></div><div class="layui-form-item"><label class="layui-form-label">用户名:</label><div class="layui-input-block"><div class="layui-input-inline"> <input type="text" name="username" readonly lay-verify="readonly" value="" autocomplete="off" class="layui-input"> </div></div></div><div class="layui-form-item"><label class="layui-form-label">数据查看权限:</label><div class="layui-input-block"><div class="layui-input-inline"><select name="view_data" lay-filter="view_data"><option value="0">0</option><option value="1">1</option></select></div></div> </div><div class="layui-form-item"><label class="layui-form-label">用户管理权限:</label><div class="layui-input-block"><div class="layui-input-inline"><select name="manage_user" lay-filter="manage_user"><option value="0">0</option><option value="1">1</option></select></div></div></div><div class="layui-form-item"><label class="layui-form-label">终端管理权限:</label><div class="layui-input-block"><div class="layui-input-inline"><select name="manage_terminal" lay-filter="manage_terminal"><option value="0">0</option><option value="1">1</option></select></div></div></div><div class="layui-form-item tc"><button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="formDemo">提交</button><button type="reset" class="layui-btn layui-btn-primary">重置</button> </div></form>js
table.on('tool(test)', function(obj){var data = obj.data;layui.form.val('example', { "userid": data.userid ,"username": data.username ,"view_data": data.view_data ,"manage_user": data.manage_user ,"manage_terminal": data.manage_terminal});if(obj.event === 'edit'){ layer.open({type: 1, //0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）skin: 'layui-layer-lan',area: '500px',title: ['修改用户权限内容', 'font-size:18px;'],content: $('#edit_content'), //数组第二项即吸附元素选择器或者DOM//shade: [0.8, '#393D49']anim: 0, //动画maxmin: false, //最大最小化//tips: [4, '#c00']//未知});} });});