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);
	});
});

猜你喜欢

转载自blog.csdn.net/weixin_44285250/article/details/103424392#comments_24412525