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

最新推荐文章于 2023-05-24 11:25:02 发布

gdjlc

最新推荐文章于 2023-05-24 11:25:02 发布

阅读量1.7w

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/gdjlc/article/details/43713077

版权

本文档介绍了如何使用EasyUI的datagrid组件进行批量编辑，并通过Ajax将编辑后的数据以数组形式提交到后台。首先定义了一个Category类来匹配数据，接着展示前端JS代码如何构造并发送POST请求，最后展示了后台接收并处理这些数据的C#代码。在Firefox的Firebug中可以观察到正确的POST数据格式。

摘要由CSDN通过智能技术生成

参考了：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",