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

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值