Layui的文本编辑修改

若我要直接在表格数据修改如下图所示:
Layui的文本编辑修改_第1张图片
修改此表格中的备注数量折扣等该如何保存到数据库?
第一步先引入layui插件中的table模块
第二步首先为对应的表格添加edit: 'text’的属性
然后在script中写,文本编辑监听事件
//销售表格中直接编辑
table.on(‘edit(SellTable)’, function (obj) {
//注:edit是固定事件名,test是table原始容器的属性 lay-filter=“对应的值”
var text = obj.value;//得到修改后的值
var State = obj.field;//当前编辑的字段名
var id = obj.data.id //所在行的id
//输出下获取的值
console.log(text)
console.log(State)
console.log(id)
//将获取的值以传参的形式传递到控制器
$.post(“selltableCompile”, {id:id,text:text,State:State}, function (data) {
//获取控制器返回的数据,并判断状态是否为真
if (data.State == true) {
//根据不同的状态返回对应的提示
layer.msg(“修改成功”, { icon: 1 });
} else {
layer.msg(“修改失败,折扣最大为1,最小0.01”, { icon: 2 })
}
})
});///

如下图示:这就是我修改数量后返回的值
Layui的文本编辑修改_第2张图片
当这些值传递到控制器后
//实例化实体类
ReturnJson returnjson = new ReturnJson();
//定义状态,向当个状态一个默认值
returnjson.State = true;
//将页面的数据id的数据类型改为int类型
int ID = Convert.ToInt32(id);
try
{
//根据id筛选出对应的数据
var Selld = (from tb in myEntities.B_SellDetail
where tb.SellDetailID == ID
select tb).Single();
//判断我修改的表格字段是否是Discount
if (State == “Discount”)
{
//是的话就将数据赋值给筛选出的数据中的对应字段
Selld.SellDiscount = Convert.ToDecimal(text);
//然后修改保存
myEntities.Entry(Selld);
myEntities.SaveChanges();
}
//最后返回实体类
return Json(returnjson,JsonRequestBehavior.AllowGet);
修改数据前

Layui的文本编辑修改_第3张图片
修改数据后
Layui的文本编辑修改_第4张图片

你可能感兴趣的:(Layui的文本编辑修改)