首页 > 其他 > 详细

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

时间:2018-07-11 10:13:08      阅读:209      评论:0      收藏:0      [点我收藏+]
先定义一个数组用于接收修改的数据:
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即被修改过的 行的数据集合

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

原文:http://blog.51cto.com/13588844/2140185

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!