批量删除数据,复选框批量删除选中数据
1. 问题描述
在对多行的网格式报表进行删除填报时,是否觉得一个一个点击删除比较麻烦;又或者点击删除行后觉得此行不应该删除的话,需要刷新页面进行重新删除。
有没有方法实现如下图批量选择需要删除的数据呢?
2. 实现思路
首先定义复选框,然后定义一个按钮,在按钮中通过定义js来获取点选中行所在的数据,删除选中行并实现提交入库。
3. 示例
下面我们以一个实例来看下效果。
3.1 打开模板
打开模板:%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Tutorial\Form\LineForm\LineForm.cpt。
3.2 修改模板
将模板修改为如下样式:
在扩展数据的左边增加一个复选框,此为A3单元格,并设置左父格为B3,即每条数据左边都有一个复选框。
扩展数据的上面增加一个按钮,此选B1单元格,按钮名字设为“删除勾选”,按钮类型选择普通。
增加js
点击事件编辑,进入事件编辑窗口,增加一个点击事件,具体JS如下:
最后将报表填报属性中的产品ID前的主键勾选上。
3.3 预览效果
点击填报预览效果如上图,批量选中复选框后,点击删除勾选按钮即可删除勾选的复选框。
具体模板可参考:%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Tutorial\Form\LineForm\LineForm9.cpt。
返回顶部