bootstrap-table+多行数据组合提交(java版)
来源:互联网 发布:刷手如何注册淘宝小号 编辑:程序博客网 时间:2024/06/14 05:45
1、bootstra-table插件介绍
Bootstrap-table是一个基于bootstrap样式的表格组件,可以通过简单的配置,即可以动态生成表格,从而方便使用。
2、bootstrap-table的自带编辑x-editable插件
bootstrap-table含有一个附带的js插件,x-editable,这个插件的主要思想,是提供行内编辑,就是每行作为一个对象,然后提交给后台进行更改数据,这样的更改的,可能需要触发的后台请求次数太过于频繁,所以改成批量数据请求到后台,所以这个插件不是很适用,不过有兴趣的同学还是可以看看这个插件的实现的。
JS组件系列——BootstrapTable 行内编辑解决方案:x-editable
3、间接生成可编辑表格
function operateFormatterApplyQuanlity(value, row, index) {//赋予的参数 return [ '<input type="text" flag="aq" id="aq'+row.id+'" value="'+ row.applyQuanlity +'" />' +'<input type="hidden" flag="id" id="id'+row.id+'" value="'+ row.id +'" />' ].join(''); };
上面的代码是对将表格数据格式化成一个input标签,但要记得的是,还需要在对应的字段上面配置上面那个operateFormatterApplyQuanlity;
如下所示:
{ field: 'applyQuanlity', title: '申请数量', align: 'center', formatter: operateFormatterApplyQuanlity //自定义方法格式化},
配好上面的东西后,我们表格输出的就会像下面这样了
4、用from标签包裹整个表格
接下来,我们用from包裹整个表格,然后根据复选框被选中的行,然后在对应的每一行里面的需要更改数据的input标签内添加一个name属性,这是js操作,这里我只给出一个思路,代码太长,就不贴了,然后,将选中的行的中的id列也添加一个name属性,然后再提交整个表单,后台用request.getParameterValues(String name)获取数组属性,然后再在后台默默处理呗。
阅读全文
0 0
- bootstrap-table+多行数据组合提交(java版)
- Struts1 table提交多行数据
- bootstrap-table修改行数据
- bootstrap table 获取选中行数据
- bootstrap-table组合表头
- bootstrap-table组合表头
- Bootstrap Table使用整理(五)-分页组合查询
- Bootstrap Table使用整理(五)-分页组合查询
- bootstrap-table的行数据使用array和json的区别
- Struts中多行数据的提交
- Struts中多行数据的提交
- 移:使用Struts提交多行数据
- struts多行数据提交解决方案
- struts多行数据提交解决方案
- struts多行数据提交解决方案二
- struts2 多行数据同时提交解决方法
- javaweb多行数据提交问题
- PHP,Form提交多行数据处理
- LaTeX中字体设置总结 (1)
- 冲刺EI论文期间每日学习9月7号
- Android面试题----Broadcast问题
- 中小企业囿于用户注意力 中企动力让“好产品会说话”
- 第一周、课时14:js中循环的应用——隔行变色
- bootstrap-table+多行数据组合提交(java版)
- github使用
- 华为笔试题(6)
- Android 反编译初探 应用是如何被注入广告的
- 一次RTMP的实践
- Linux中的文件描述符与打开文件之间的关系
- Android内存优化
- 【网络管理者必知】2分钟了解新出台的《网络安全法》
- DVI接口的KVM光纤延长器