帆软填报多行批量删除

谁践踏了优雅 2022-10-28 03:52 665阅读 0赞

## 1. 概述 ##

### 1.1 应用场景 ###

行式报表填报删除时，如果需要删除的内容较多，一个个点击删除比较麻烦，如何实现下图所示的批量删除操作呢？

![Snag\_3e5532f.png][Snag_3e5532f.png]

### 1.2 实现思路 ###

本文提供两种实现方法，但是思路是一致的，都是将所有勾选了复选按钮所在行的行号写进字符串数组，然后进行批量删除。

## 2. 示例 ##

### 2.1 准备数据 ###

新建普通报表，新建数据集 ds1，SQL 查询语句为：SELECT \* FROM Sales

![Snag\_451fd2d.png][Snag_451fd2d.png]

### 2.2 设计表格 ###

A2 单元格添加「按钮控件」，按钮名字设置为「删除勾选」。

A3 单元格添加「复选按钮控件」，左父格设置为 B3 。

B3~G3 单元格添加「文本控件」。

表格效果如下图所示：

![Snag\_453edc2.png][Snag_453edc2.png]

### 2.3 设置填报属性 ###

设计器菜单栏选择模板>报表填报属性，新增「内置 SQL」提交，具体设置如下图所示：

![Snag\_290c37b2.png][Snag_290c37b2.png]

### 2.4 方法一 ###

1）选中 A3 单元格，右边属性面板选择控件设置>事件，点击「添加事件」，给复选按钮添加一个「初始化后事件」，如下图所示：

![Snag\_291bfd9a.png][Snag_291bfd9a.png]

JavaScript 代码如下：

if (!window.lineboxes) {
        window.lineboxes = [];//初始化数组
    }
    lineboxes[lineboxes.length] = this

2）选中 A2 单元格，右边属性面板选择控件设置>事件，点击「添加事件」，给复选按钮添加一个「点击事件」，如下图所示：

![Snag\_291fe7eb.png][Snag_291fe7eb.png]

JavaScript 代码如下：

if(window.lineboxes) {
      var cells = [];//建立空数组用于搜集勾选行号
      for (var i = 0; i < lineboxes.length; i++) {
          if (lineboxes[i].selected()) {//若复选框被勾选则执行以下
                //将第1个勾选行号写入数组0位置，将第2个勾选行号写入数组1位置……
              cells[cells.length] = lineboxes[i].options.location;
           }
        }
        contentPane.deleteRows(cells); //批量删除选中的记录 
        setTimeout(function() {   
          contentPane.writeReport(); //保存到数据库，实现的是工具栏中提交的操作
          }, 1000);                              
    }

显示代码

### 2.5 方法二 ###

选中 A2 单元格，右边属性面板选择控件设置>事件，点击「添加事件」，给复选按钮添加一个「点击事件」，如下图所示：

![Snag\_292b18d9.png][Snag_292b18d9.png]

JavaScript 代码如下：

显示代码

注：该方法 JS 代码不支持「新填报预览」。

### 2.6 效果预览 ###

保存报表，点击「填报预览」或「新填报预览」，效果如下图所示：

![222][]

注：不支持移动端。

## 3. 模板下载 ##

1）方法一

已完成模板可参见：%FR\_HOME%\\webapps\\webroot\\WEB-INF\\reportlets\\doc\\Form\\LineForm\\行式填报批量删除-方法一.cpt

点击下载模板：[行式填报批量删除-方法一.cpt][-_.cpt]

2）方法二

已完成模板可参见：%FR\_HOME%\\webapps\\webroot\\WEB-INF\\reportlets\\doc\\Form\\LineForm\\行式填报批量删除-方法二.cpt。

点击下载模板：[行式填报批量删除-方法二.cpt][-_.cpt 1]

[Snag_3e5532f.png]: /images/20221024/30f507b930df49b59ba0f71a3e28a7e2.png
[Snag_451fd2d.png]: /images/20221024/ad26abe2ad94459c99c8ecbaf568e088.png
[Snag_453edc2.png]: /images/20221024/35844c95c0cb43c1a10b36e96e7377b4.png
[Snag_290c37b2.png]: /images/20221024/908110a0b78f4cb9943ec62b447942e0.png
[Snag_291bfd9a.png]: /images/20221024/65bf32a288f64beda28c621816d6d8f8.png
[Snag_291fe7eb.png]: /images/20221024/5cc6461b7e01436395591d47084eb39f.png
[Snag_292b18d9.png]: /images/20221024/c11ecd98221f4075813c7d46dd9fd2c3.png
[222]: /images/20221024/28db520af2fd4e4182ab3eea06ece76d.png
[-_.cpt]: https://help.fanruan.com/finereport/doc-download-/finereport/uploads/file/20201202/%E8%A1%8C%E5%BC%8F%E5%A1%AB%E6%8A%A5%E6%89%B9%E9%87%8F%E5%88%A0%E9%99%A4-%E6%96%B9%E6%B3%95%E4%B8%80.cpt
[-_.cpt 1]: https://help.fanruan.com/finereport/doc-download-/finereport/uploads/file/20201202/%E8%A1%8C%E5%BC%8F%E5%A1%AB%E6%8A%A5%E6%89%B9%E9%87%8F%E5%88%A0%E9%99%A4-%E6%96%B9%E6%B3%95%E4%BA%8C.cpt