layui动态数据表格单元格编辑及获取
var TB = ; layui.use(table, function() { var table = layui.table; var urls = {:U("api/buyer/new_shopcar_goods")}; //第一个实例 TB = table.render({ elem: #demo, height: 550px, limits:[10,20,30], limit:12, toolbar:"true",//打开头部工具 defaultToolbar: [filter, exports, print, { //自定义头部工具栏右侧图标。如无需自定义,去除该参数即可 title: 提示 ,layEvent: LAYTABLE_TIPS ,icon: layui-icon-tips }], url: urls, page: true, cols: [[ //表头 {field: jfcode, title: 商品编码, sort: true, fixed: left} ,{field: name, title: 商品名称, sort: true} ,{field: oe, title: OE码, sort: true} ,{field: type_name, title: 一级分类, sort: true} ,{field: two_type_name, title: 二级分类, sort: true} ,{field: su_name, title: 单位, sort: true} ,{field: ration, title: 标量, sort: true} ,{field: sum, title: 数量, sort: true,edit:true} //参数edit ,{field: z_price, title: 采购价, sort: true} ,{field: , title: 操作,toolbar: #barDemo} ]] }); });
layui.use(table, function(){ var table = layui.table; //监听单元格编辑 table.on(edit(test), function(obj){ var value = obj.value //得到修改后的值 ,data = obj.data //得到所在行所有键值 ,field = obj.field; //得到字段 var ration = data.ration; var z = parseFloat(value) % parseInt(ration); console.log(z) if (z != 0){ layer.msg("请输入采购标量的倍数"); return false; } $.post({:U("api/buyer/goto_new_car_update")}, { goods_id: data.id, id: data.szid, gsum: value }, function(data) { if(data.success) { layer.msg(data.msg); } else { layer.msg(data.msg); } }); // layer.msg([ID: + data.id +] + field + 字段更改为:+ value); }); });
下一篇:
烦人的数组越界问题 解决攻略