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相关推荐

bootstrap表格行编辑状态_JS表格组件BootstrapTable行内编辑解决方案x-editable
前言:之前介绍bootstrapTable组件的时候有提到它的行内编辑功能,只不过为了展示功能,将此一笔带过了,罪过罪过!最近项目里面还是打算将行内编辑用起来,于是再次研究了下x-editable组件 ...
bootstrap表格行编辑状态_JS组件系列——BootstrapTable 行内编辑解决方案：x-editable...
前言:之前介绍bootstrapTable组件的时候有提到它的行内编辑功能,只不过为了展示功能,将此一笔带过了,罪过罪过!最近项目里面还是打算将行内编辑用起来,于是再次研究了下x-editable组件 ...
bootstrap table 表格支持shirt 多选_bootstrap-table 表格行内编辑实现
这篇文章向大家介绍一下如何使用bootstrap table插件实现表格的行内编辑功能. 我的web前端学习交流群点击进入1045267283,欢迎加入! 先放一张效果图: 应用场景之前的项目也是采 ...
python测试开发django-173.bootstrap实现table表格行内编辑
前言网上看了很多基于bootstrap的table表格行内编辑,需要基于bootstrap-table,bootstrap-table-edit,x-editable等插件,写的很复杂. 我想实现的 ...
[转]Laravel与bootstrap-editable实现table的行内编辑
[转]Laravel与bootstrap-editable实现table的行内编辑准备需要的库 bootstrap3.0下载 bootstrap-table下载 x-editable-develop ...
Django项目：CRM(客户关系管理系统)--69--59PerfectCRM实现king_admin行内编辑
1 #base_admin.py 2 3 4 # --------24PerfectCRM实现King_admin自定义操作数据-------- 5 from django.shortcuts imp ...
bootstrapTable行内编辑----X-editable组件
阅读目录一.x-editable组件介绍二.bootstrapTable行内编辑初始方案三.bootstrapTable行内编辑最终方案 1.文本框 2.时间选择框 3.下拉框 4.复选框 5. ...
JQuery Datatables editor 行内编辑功能
背景 ERP软件中,能进行行内编辑的表单是常用功能,行内编辑功能能让用户在表格中自己填写.修改.删除数据或者选择数据,可以说表格控件是ERP软件的核心控件,而行内编辑功能是核心中的关键. 本文会继续接 ...
datatables表格行内编辑的实现
Datatables是一款jquery表格插件,它是一个高度灵活的工具,灵活就意味着很多功能需要自己去实现,比如说行内编辑功能. Datatables自己是没有行内编辑功能的,最简单的是通过modal ...

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

bootstrap行内编辑后提交多条数据到ssm相关推荐

最新文章

热门文章