Layui的文本编辑修改

若我要直接在表格数据修改如下图所示:
在这里插入图片描述
修改此表格中的备注数量折扣等该如何保存到数据库?
第一步先引入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 })
}
})
});///

如下图示:这就是我修改数量后返回的值
在这里插入图片描述
当这些值传递到控制器后
//实例化实体类
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);
修改数据前

在这里插入图片描述
修改数据后
在这里插入图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值