layui表格编辑修改session数据
开发工具与关键技术:
作者:熊琪
撰写时间:2019.7.06
Layui表格编辑,首先明白layui的表格属性,清楚其作用。Layu给人的一种感觉就是当你没有了解时,会感觉无从下手。在你了解之后,在对以数据表格来说某个功能也就是,一两个参数就够了。
Edit:表头参数,单元格编辑类型,默认不开启,目前支持text(输入框类型),
在表格中加属性edit:true;代码写法:
{ title: ‘折扣’, field: ‘Discount’, align: ‘center’, edit: true, },
效果图:
可监听表格中的改变时件,该属性只是暂时的更改,如果要保存该事件则还要监听添加表格编辑事件代码:
layuiTable.on('edit(TbCommoditylist)', function (obj) {
var data = obj.data;
console.log(data);
var CommodityDetailID = data.CommodityDetailID;
var value = obj.value;
var Discount = obj.data.Discount;