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
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
相关文章推荐
- easyui datagrid 前台批量传递数据到后台_json
- easyui-datagrid行编辑,后台以主表为基表关联从表进行查询数据后,在前台行编辑字段内容的显示
- easyui datagrid 批量编辑和提交数据
- EasyUI DataGrid 双击编辑单元格,保存并且后台数据改变
- ASP.NET easyUI--datagrid 通过ajax请求ASP.NET后台数据的分页查询
- easyui datagrid 批量 提交 json 数据到服务器
- [转]easyui datagrid 批量编辑和提交
- easyui datagrid 批量编辑和提交
- JS调用C#后台代码---JS实现DataGrid“全选”、“反选”、调用后台代码批量删除数据
- easyui-editing datagrid 批量保存数据 一
- easyui datagrid 批量编辑和提交
- easyui datagrid 批量编辑和提交
- easyui datagrid 批量编辑和提交
- Easyui Datagrid 如何实现后台交互显示用户数据列表
- JS调用C#后台代码---JS实现DataGrid“全选”、“反选”、调用后台代码批量删除数据
- 【第十五篇】easyui datagrid的列编辑,同时插入两张表的数据进去
- easyui datagrid 批量编辑和提交
- struts2+easyui datagrid可编辑操作及列表数据提交
- easyui datagrid 绑定从后台得到的复杂的特殊数据结构
- JqueryEasyUI datagrid通过struts请求从后台读取数据