FineReport批量删除设置方法
更新时间：2026-11-15 04:11:06
FineReport批量删除设置方法
遇到多行报表？是否觉得逐行删除费时费力？若误删需手动刷新？别急，智能删除功能让您轻松解决。
首先创建复选框和按钮，点击按钮时，使用JavaScript获取勾选行的数据，执行删除操作，并将结果提交至数据库。
批量删除行的JavaScript函数：contentPane.deleteRows(param);
其中，param 是一个包含多个单元格坐标的字符串数组，例如 ，表示需删除对应位置所在行的整条记录。
A2A3A4均为扩展后最终呈现的坐标。
下面通过一个实例来演示效果。
打开模板
更新模板
将模板调整为以下样式
B1单元格是按钮控件，A3单元格是复选框控件。
方案一
复选框定义
在A元格左侧添加复选框，使其左邻单元格为B确保每行数据旁均有复选框。
为复选框添加初始化完成后的事件处理
}
定义全局变量lineboxes，并将其与复选框进行双向绑定。
删除按钮定义
在扩展区域上方新增按钮，选中B元格，命名删除勾选，设置为普通按钮。
新增事件
添加点击事件，JavaScript代码如下：
}
}
批量删除用户在界面中选中的多行记录。
调用contentPane.writeReport()方法，将报表数据保存至数据库，对应工具栏中的提交功能。
}
使用JavaScript，将复选框与按钮关联，点击按钮时自动获取所有选中复选框的位置信息，形成数组，以此批量删除相关记录。
方法二
在B元格上启用删除勾选功能，设置为普通按钮，绑定点击事件，加载JavaScript代码执行操作。
定义一个变量，用于选取所有带有fr-checkbox-checkon类名的span元素。
选取包含指定span元素的所有表格单元格（td）。
遍历所有被选中的表格单元格，依次对每个单元格执行相应操作。
为所选单元格添加id属性，其值取自当前td元素的id特性。
将选中的ID添加至数组darray中。
}
}
contentPane.deleteReportRC(null, darray); // 此处darray为待批量删除的选中行数据
效果预览
点击填报可预览效果，批量勾选复选框后，点击删除勾选按钮即可移除所选项目。
