easyui datagrid 批量 提交 json 数据到服务器

 

       1. 涉及到的技术。  

           asp.net mvc 3.0.

           jquery,  jquery easyui datagrid.

           jquery-json - 把js对象，生成json格式的插件 （http://code.google.com/p/jquery-json/ ）

 

       2. 场景。

           我们知道由datagrid编辑后生成的数据是js对象。 这样我们提交到服务器，是无法解析的（如果你有好的方式，请在下面评论，ths）。所以需要解析为json.

 

        datagrid  生成json :

  

var table = $("#table_directory").datagrid("getRows");

var obj = "[";

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

     $('#table_directory').datagrid("endEdit", i);

     obj += $.toJSON(table[i]);

     if (i != table.length - 1) {
        obj += ",";
     }
}

obj += "]";

        

           服务器解析json:

 

JavaScriptSerializer javaScriptSerializer = new JavaScriptSerializer();
List<SectionBase> listSectionBase = javaScriptSerializer.Deserialize(jsonChapter, typeof(List<SectionBase>)) as List<SectionBase>;

 

          SectionBase 这个类不用管。

          

         是你自己的类即可，哪怕服务器端的属性和前端提交的不一致，也没有问题。 这样数据已经到了服务器，自己就可以继续进行服务器操作了。