需要加样式否则单元格下拉框被单元格样式覆盖
<style>
.layui-table-cell{
overflow: visible !important;
}
td .layui-form-select{
margin-top: -10px;
margin-left: -15px;
margin-right: -15px;
}
</style>
<script type="text/html" id="inputSex">
<select name="sex" lay-filter="sex" lay-id="{{d.id}}" >
<option {{# if(d.sex==0){ }} selected {{# } }} value="0">女</option>
<option {{# if(d.sex==1){ }} selected {{# } }} value="1">男</option>
</select>
</script>
var dataTable = table.render({
elem:'#LAY-user-back-list'
,height:500
,'title':'员工信息表'
,url:"{:url('/super/user')}"
,page: true //开启分页
,toolbar:'#toolbarDemo'
,defaultToolbar: ['filter', 'exports', 'print', { //自定义头部工具栏右侧图标。如无需自定义,去除该参数即可
title: '提示'
,layEvent: 'LAYTABLE_TIPS'
,icon: 'layui-icon-tips'
}]
, cols: [[ //表头
{checkbox: true, fixed: true}
, {field: 'id', title: 'ID', sort: true}
, {field: 'username', title: '姓名',edit: 'text'}
, {field: 'sex', title: '性别', templet: '#inputSex',}
, {field: 'mobile', title: '手机号',edit: 'text'}
, {field: 'nickname', title: '昵称',edit: 'text'}
, {field: 'identity', title: '身份'}
, {field: 'department', title: '部门'}
, {field: 'on_job', title: '职位状态',templet: '#onjob',edit: 'text'}
, {field: 'status', title: '账号状态', toolbar: '#status'}
, {field: 'email', title: '邮箱',edit: 'text'}
, {field: 'login_time', title: '上次登录时间'}
, {field: 'login_ip', title: '登录IP'}
, {field: 'create_date', title: '创建时间'}
, {fixed: 'right', title: '操作', width: 200, align: 'center', toolbar: '#options'}
]]
});
//监听下拉框,更改性别
form.on('select(sex)', function(data){
var sex = data.value;
var id = $(data.elem).attr('lay-id');
var load = layer.load();
$.post("{:url('/super/user/edit')}",{sex:sex,id:id},function (res) {
layer.close(load);
if (res.code==1){
layer.msg(res.msg,{icon:1,time:1500})
} else {
layer.msg(res.msg,{icon:2,time:1500},function () {
$(data.elem).prop('checked',!$(data.elem).prop('checked'));
form.render()
})
}
})
console.log(id)
})
后台代码
public function edit(Request $request,$id)
{
$data = $request->post();
$user = new UserModel();
// 过滤post数组中的非数据表字段数据
try{
$user->allowField(true)->save($data,['id' => $id]);
}catch (DbException $exception){
$this->error('编辑失败');
}
$this->success('编辑成功');
}