mvc框架下前端+后台 在table上修改数据进行保存

前端代码:

这里使用input作为录入框拼接到单元格里面的，连个方法onchange和onkeyup看自己需要可以删掉。

var retHtml = "<input id=\"pquan" + row.rownums + "\" autocomplete=\"off\" data-bind=\"" + row.rerid + "\" data-value=\"" + value + "\" class=\"form-control\" value=\"" + value + "\" οnchange='onchange1(\"" + row.rownums + "\")' style=\"text-align:left;\" οnkeyup='onkeyup1(this)'/>";

var?objlist=“”；//数据集合，作为参数传到后台控制器

$('#gridTable tr').each(function (ii) {
? ? ? ? ? ? //列从1开始
? ? ? ? ? ? if (ii > 0) {
? ? ? ? ? ? ? ? var rowid = $("#pquan" + ii).attr("data-bind");//id,有一些特殊值用data-bind存储了

? ? ? ? ? ? ? ? var a1= $(this).find('td:eq(4) input').val();// 数量
? ? ? ? ? ? ? ? var a2= $(this).find('td:eq(5) input').val();// 单价
? ? ? ? ? ? ? ? objlist += "" + rowid + "," + a1+ "," + a2+ ";";
? ? ? ? ? ? }

? ? ? ? });

ys.ajax({
? ? ? ? ? ? url: '请求地址',
? ? ? ? ? ? type: "get",
? ? ? ? ? ? data: {
? ? ? ? ? ? ? ? objlist: objlist
? ? ? ? ? ? },
? ? ? ? ? ? success: function (obj) {
? ? ? ? ? ? ? ? ? ? ys.msgSuccess(obj.Message);
? ? ? ? ? ? }
? ? ? ? });

后台控制器代码：

?string str = Request.Query["objlist"];//这里说明一下是get提交方式，post请用Request.Form["objlist"]；

? string[] strarr;

if (str.Length > 1)
? ? ? ? ? ? {
? ? ? ? ? ? ? ? strarr = str.Split(";");
? ? ? ? ? ? ? ? strarr = strarr.Distinct().Where(w => !string.IsNullOrEmpty(w)).ToArray();//过滤掉空行
? ? ? ? ? ? ? ? strarr = strarr.Distinct().Where(w => !w.Contains(",,,")).ToArray();//过滤掉其他没用行
? ? ? ? ? ? ? ? for (int i = 0; i < strarr.Length; i++)
? ? ? ? ? ? ? ? {

//获取到具体的值了，a1,a2
? ? ? ? ? ? ? ? ? ? string a1= strarr[i].Split(",")[0];
? ? ? ? ? ? ? ? ? ? string a2= strarr[i].Split(",")[1];
? ? ? ? ? ? ? ? }
? ? ? ? ? ? }