layui.use([ 'element', 'table', 'laydate', 'form' ], function() { var $ = layui.jquery; var table = layui.table; var laydate = layui.laydate; var element = layui.element; var form = layui.form; // 生成表格 table.render({ elem : '#productTable', url : '../../../getProductList', toolbar : '#toolbarDemo', title : '价格表',// 导出文件名 id : 'productTableAll', // 开启分页 page : { layout : [ 'count', 'prev', 'page', 'next', 'skip', 'limit' ] }, limits : [10,30,50,100,999], where:{ proTypeLabel : '' }, cellMinWidth : 80, // 全局定义常规单元格的最小宽度,layui 2.2.1 新增 cols : [ [ { type : 'numbers', title : '序号', width : 80, fixed : "left" },{ field : 'proTypeLabel', width : 150, align : 'center', title : '产品类型', },{ field : 'kindLabel', width : 240, align : 'center', title : '产品种类1', },{ field : 'kind1Label', width : 240, align : 'center', title : '产品种类2', },{ field : 'kind2Label', width : 240, align : 'center', title : '产品种类3', },{ field : 'length', align : 'center', title : '长', width : 100 },{ field : 'width', align : 'center', title : '宽', width : 100 },{ field : 'count', align : 'center', title : '数量', edit : 'text', width : 120 },{ field : 'price', align : 'center', title : '价格', edit : 'text', width : 120 },{ field : 'priceMultiple', align : 'center', title : '倍数', edit : 'text', width : 120 },{ field : 'weight', align : 'center', title : '重量', edit : 'text', width : 120 }/*,{ fixed : 'right', title : '操作', align : 'center', width : 150, toolbar : '#barDemo' } */] ], parseData : function(res) { //将原始数据解析成 table 组件所规定的数据 return { "code" : 0, //解析接口状态 "msg" : "", //解析提示文本 "count" : res.data.list.total,//解析数据长度 "data" : res.data.list.list//解析数据列表 }; } }); //点击查询按钮,重载表格 $('#searchBtn').on('click', function() { table.reload('productTableAll', { method : 'get', where : { proTypeLabel : $("#proTypeLabel").val() }, page : { curr : 1 } }); return false; }); //监听单元格编辑 table.on('edit(productTable)', function(obj){ var value = obj.value, //得到修改后的值 data = obj.data, //得到所在行所有键值 field = obj.field; //得到字段 $.ajax({ url:"../../../updatePriceById", data:{ proId: data.proId, value: value, field: field }, type:"post", success:function (data) { if (data.code == 200) { layer.msg('修改成功!',{icon:6,offset:"auto",time:1000});//提示框 }else{ layer.msg('修改失败!',{icon:5,offset:"auto",time:1000});//提示框 } } }); }); });