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);
	});
});
经验分享 程序员 微信小程序 职场和发展