table.render({
elem : '#demo1',
height : 400,
url : 'conditionlist/select' //数据接口
,toolbar : '#barDemo' //开启工具栏,此处显示默认图标,可以自定义模板,详见文档
,defaultToolbar:[]
,where:{
uuid:$("#uuid").val()
}
,cols : [
[ //表头
{type: 'checkbox', fixed: 'left'}
,{field: 'id', title: 'ID', width:80, sort: true,hide:true}
,{field: 'parameterName', title: '参数名称', sort: true,edit:'text'}
,{field: 'displayName', title: '显示名称', sort: true,edit:'text'}
,{field: 'type', title: '参数类型', sort: true,templet: function(d){
var html = '<select name="type" lay-verify="typedemo" lay-filter="typedemo" value="'+d.type+'">'
+ '<option value=""></option>'
+ '<option value="文本" '+('文本' === d.type ? 'selected=""':'')+'>文本</option>'
+ '<option value="日期" '+('日期' === d.type ? 'selected=""':'')+'>日期</option>'
+ '<option value="编码弹框" '+('编码弹框' === d.type ? 'selected=""':'')+'>编码弹框</option>'
+ '<option value="名称弹框" '+('名称弹框' === d.type ? 'selected=""':'')+'>名称弹框</option>'
+ '</select>'
return html
}}
,{field: 'modeSentence', title: '执行语句', sort: true,edit:'text'}
,{field: 'uuid', title: 'UUID',sort: true,hide:true}
]]
});
form.on('select(typedemo)', function(obj){
//当前元素
var data = $(obj.elem);
//遍历父级tr,取第一个,然后查找第二个td,取值
var id = data.parents('tr').first().find('td').eq(1).text();
var type=obj.value;
$.ajax({
url:'conditionlist/updatetype',
data:{
"id":id,
"type":type
},
type:'post',
dataType:'json',
success:function(data){
if(data==0){
/* table.reload("demo1"); */
}else{
layer.msg('编辑失败');
table.reload("demo1");
}
}
});
});
layui table 下拉事件
最新推荐文章于 2024-06-13 11:57:25 发布