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字符串转化为jsonArray
    JSONArray 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即被修改过的 行的数据集合

猜你喜欢

转载自blog.51cto.com/13588844/2140185