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

发布时间:2023年12月17日

前端代码:

这里使用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];
? ? ? ? ? ? ? ? }
? ? ? ? ? ? }

文章来源:https://blog.csdn.net/u011189027/article/details/134974272
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。