bootstrap行内编辑后提交多条数据到ssm

先定义一个数组用于接收修改的数据：
var changeRows = new Array();
在bootstrap属性定义上添加类似：
onEditableSave: function (field, row, oldValue, $el) {
$table.bootstrapTable('updateRow', {index: row.rowId, row: row});
//将 行对象转化为json字符串并放入changeRows数组
var result = JSON.stringify(row);
changeRows.push(result);
},

而后在ajax提交时： //将数组转化为json字符串传递给后台 data: {'changeRows':JSON.stringify(changeRows)}, dataType: 'json',在ssm控制器上接收该字符串public Object update(@RequestParam(value = "changeRows",required=false) String changeRows) {//将页面传递过来的json字符串转化为jsonArrayJSONArray jsonRows = JSONArray.fromObject(changeRows);JSONObject jObject = null;Vo vo = null;List<Vo> changeList = new ArrayList<>();//遍历jsonArray，取得所需的对象并放入list集合for (int i = 0; i < jsonRows.size(); i++) {jObject = JSONObject.fromObject(jsonRows.get(i));vo = (Vo) JSONObject.toBean(jObject,Vo.class);changeList.add(vo);}changeList即被修改过的 行的数据集合

转载于:https://blog.51cto.com/13588844/2140185

总结

以上是生活随笔为你收集整理的bootstrap行内编辑后提交多条数据到ssm的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。