1. 程式人生 > >Layui lay-skin="switch" 表格修改狀態

Layui lay-skin="switch" 表格修改狀態

                , {field: 'sort', title: '排序', sort: true,width: 100}
                , {field: 'is_not_use', title: '狀態', width: 130,templet: function(d){  //自定義顯示內容
                	var strCheck = d.is_not_use == "0" ? "checked" : "";
                	return '<input type="checkbox" name="status" lay-filter="status" lay-skin="switch" lay-text="可用|禁用" ' +strCheck+ ' mid='+d.id+'>';
				}}
                , {fixed: 'right', title: '操作', align: 'center', toolbar: '#barOption'} //這裡的toolbar值是模板元素的選擇器
            ]]
  //監聽狀態操作
		form.on('switch(status)', function(obj){
			var id = $(this).attr('mid');
			var status='';
			obj.elem.checked?status='on':status='off';
			util.sendAjax ({
                type: 'POST',
                url: '#(ctxPath)/bnk/admin/followUpTemplate/upDateStatus',
                data: {id : id, status : status},
                loadFlag: true,
                success : function(data){
                    layer.msg("啟用成功");
                    reloadTableQuery();
                },
                unSuccess: function (data) {
                	layer.msg("修改失敗");
                }
            })
		});