表格数据回填模态框

1. 获取数据:

获取数据的方法很多这里采用的是layui的表格双击事件监听

1.1监听表格 SellTable是 表格的唯一标志的名字 table.on('rowDouble(SellTable)', function (obj) { 1.2声明变量代表监听数据集合                     var data = obj.data; 1.3从集合中找到需要的数据,对应的赋值给input                     var sellingPrice = data.TagPrice * data.Discount;//销售价                     var total = sellingPrice * data.Quantity//合计金额                                 $("#modificationModal").modal("show");                     $("#modificationid").val(data.id)//销售明细id                     $("#originalCost").val(data.TagPrice)//吊牌价                     $("#modification1").html(data.CommodityCode);//编码                     $("#modification2").html(data.CommodityName);//名称                     $("#modification3").val(data.Quantity);//数量                     $("#modification4").val(sellingPrice);//售价                     $("#modification5").val(data.Discount);//折扣                     $("#modification6").val(total);//合计                     $("#modification7").val(data.Remark);//备注                 });/*/*/

2.保存修改后的数据

$("#modificationSave").click(function () { 2.1获取修改后的数据                var id= $("#modificationid").val()//销售明细id                var Quantity=$("#modification3").val();//数量                var saff = $("#modification4").val();//售价                var Discount = $("#modification5").val();//折扣                var totalMoney = $("#modification6").val();//合计                var Remark = $("#modification7").val();//备注 2.2将获取的数据拼接成字符串,当然也可以用表单提交                var data2 = id + ";" + Quantity + ";" + saff + ";" + Discount + ";" + totalMoney + ";" + Remark; 2.3给一点要求判断                if (Discount<=1) {                    $.post("modificationform", { ReceptionCargo: data2 }, function (State) {                        if (State) {                            //刷新前台表格                            table.reload('SellTable', {                                url: '/DailyRoutine/Receptionist/receptionDetail'                            });                            $("#modificationModal").modal("hide");                            moneyshow()//售价&&总数量&&原价显示                            layer.alert("修改成功", { icon: 1 });                        } else {                            layer.alert("数据异常", { icon: 2 });                        }                    })                } else {                    layer.alert("折扣请不要大于一", { icon: 2 });                }             })

 

 

3控制器

3.1回去页面的字符串 public ActionResult modificationform(string ReceptionCargo)         {             bool State = true; 3.2分割字符串             var data = ReceptionCargo.Split(';');             try             {                 List<receptionCargo> listreceptionCargo = new List<receptionCargo>();                 listreceptionCargo = Session["selectCommodity"] as List<receptionCargo>;                 for (int i = 0; i < listreceptionCargo.Count; i++)                 { 3.3将数据赋值给要修改的数据,这里是session所以用循环 ,表修改的可以直接用id筛选                     if (Convert.ToInt32(data[0]) == listreceptionCargo[i].id)                     {                         listreceptionCargo[i].Quantity = Convert.ToInt32(data[1]);                         listreceptionCargo[i].saff = Convert.ToDecimal(data[2]);                         listreceptionCargo[i].Discount = Convert.ToDecimal(data[3]);                         listreceptionCargo[i].totalMoney = Convert.ToDecimal(data[4]);                         listreceptionCargo[i].Remark = data[5];                     }                 }             }             catch (Exception)             {                 State = false;             } 3.3返回状态             return Json(State, JsonRequestBehavior.AllowGet);         }

1. 效果展示

初始数据 修改成 最后数据