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);
});
});
下一篇:
烦人的数组越界问题 解决攻略
