行式填报批量删除

编辑
文档创建者:文档助手1 (67727 )     浏览次数:9190次     编辑次数:13次     最近更新:susie 于 2018-01-25     

目录:

1. 问题描述编辑

在对多行的网格式报表进行删除填报时,是否觉得一个一个点击删除比较麻烦;又或者点击删除行后觉得此行不应该删除的话,需要刷新页面进行重新删除。
有没有方法实现如下图批量选择需要删除的数据呢?
222

2. 实现思路编辑

首先定义复选框,然后定义一个按钮,在按钮中通过定义js来获取选中行所在的数据,删除选中行并实现提交入库。
批量删除js函数:contentPane.deleteRows(param);
其中param为一串单元格坐标的字符串数组。 例如 [“A2”,”A3”,”A4”],即表示删除A2、A3、A4所在的记录;
“A2”,”A3”,”A4”都是扩展之后最终展示的坐标。

3. 示例编辑

下面我们以一个实例来看下效果。
3.1 打开模板
打开模板:%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Form\LineForm\填报控件.cpt
注:这里是在原有模板上设置,如果是新模板,则需要进行填报属性设置,否则只是界面删除数据,没有入库。
3.2 修改模板
将模板修改为如下样式:
注:B1单元格控件为按钮控件,A3单元格控件为复选框控件。
3.3 方法一:
1)定义复选框
在扩展数据的左边增加一个复选框,此为A3单元格,并设置左父格为B3,即每条数据左边都有一个复选框。
给复选框添加初始化后事件,js如下:
if (!window.lineboxes) { window.lineboxes = []; } lineboxes[lineboxes.length] = this;
2)定义删除按钮
在扩展数据的上面增加一个按钮,此选B1单元格,按钮名字设为“删除勾选”,按钮类型选择普通。
3)增加事件
给按钮控件增加一个点击事件,如下图所示:
js如下:
if(window.lineboxes) { var cells = []; for (var i = 0; i < lineboxes.length; i++) { if (lineboxes[i].selected()) { cells[cells.length] = lineboxes[i].options.location; } } contentPane.deleteRows(cells); //批量删除选中的记录 contentPane.writeReport(); //保存到数据库,实现的是工具栏中提交的操作 }
通过js将复选框与上面的按钮联接起来。点击按钮时,会生成一串勾选了的复选框所在的单元格坐标所组成的字符串数组。然后批量删除选中的记录。
3.4 方法二
A3单元格增加复选框控件,并设置左父格为B3;B1单元格增加按钮控件,按钮名字设为“删除勾选”,按钮类型选择普通,增加点击事件,js如下:
var $span = $('.fr-checkbox-checkon'); //定义选中的复选框 var darray = []; var $tds = $("td").has($span); //定义选中复选框的单元格 for (var i = 0, len = $tds.length; i < len; i ++) { //遍历选中的单元格 var id = $($tds[i]).attr("id"); //给选中的单元格加上id的属性 if (id) { darray.push(id); //将选中的id放入到数组中 } } contentPane.deleteReportRC(null,darray); //第二个参数为批量删除的选中行 contentPane.writeReport(); 
3.5 预览效果
点击填报预览效果如上图,批量选中复选框后,点击删除勾选按钮即可删除勾选的复选框。在线查看模板效果请点击LineForm7.cpt
方法二具体模板可参考:%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Form\LineForm\行式填报批量删除.cpt

附件列表


主题: 填报应用
如果您认为本文档还有待完善,请编辑

文档内容仅供参考,如果你需要获取更多帮助,请咨询帆软技术支持
关于技术问题,您还可以通过帆软论坛获取帮助,论坛上有非常多的大神,有些水平比帆软工程师还要高哦。
若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201

本文档是否有用?
谢谢! 我们非常感谢您的反馈。
提交反馈: