您的位置:首页 > 产品设计 > UI/UE

easyui datagrid批量编辑后向后台post数据

2015-02-10 23:09 369 查看
参考了:ajax传递给后台数组参数方式

1.自定义一个类用于对应datagrid编辑的数据

public class Category

{

public int Id { get; set; }

public string Name { get; set; }

}

2.前台js提交

var _list = {};

var rows = $('#list_data').datagrid('getRows');

for (var i = 0; i < rows.length; i++) {

var row = rows[i];

_list["list[" + i + "].Id"] = rows[i].Id; //这里list要和后台的参数名List<Category> list一样

_list["list[" + i + "].Name"] = rows[i].Name;

}

$.ajax({

url: '/Admin/Category/SaveList',

data: _list,

dataType: "json",

type: "POST",

success: function (data) {

alert(data.rows + "," + data.result);

}

});

3.后台代码

public ActionResult SaveList(List<Category> list)

{

string result = "";

foreach (var m in list)

result += m.Name + ",";

//供前台测试返回结果

return Json(new { rows = list.Count.ToString(), result = result });

}

4.在FireFox的Firebug显示post数据:

list[0].Id 1

list[0].Name test111

list[1].Id 2

list[1].Name test2

list[2].Id 3

list[2].Name test3
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: