最近做的一个项目中需要实现一个功能:先对EasuUI-datagrid中的数据进行编辑,编辑过后点击保存按钮会将之前编辑的datagrid中的所有数据保存到数据库中。示意图如下:
如图中所示,系数这一列是可以编辑的,当编辑之后,点击保存按钮即可将该datagrid表中的数据保存到数据库中。我实现该功能的过程如下:
获取datagrid中的所有数据,将其拼接成json格式字符串数组
通过JQuery的Ajax将这个json格式字符串数组传递到后台
下面描述这两个步骤的具体实现方法:
第一步:获取datagrid中的所有数据,将其拼接成json格式字符串数组
var addrows = $("#additem").datagrid('getRows'