历史版本23 :插入和删除行列 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

填报时如果有插入和删除记录的操作,那么需要通过点击按钮插入空白记录或删除已有记录,FineReport 提供了 2 种设置插入和删除按钮的方法,分别如下:

  • 内置插入删除按钮

Snag_249afc3a.png

  • 自定义插入删除按钮

Snag_249c26a1.png


2. 内置插入删除按钮编辑

2.1 设计填报模板

1)新建数据库查询数据集 ds1,SQL 语句为:SELECT * FROM Sales

1597907337956108.png

2)设计填报表格,A2~F2 单元格添加文本控件,将数据集字段拖入对应单元格,如下图所示:

Snag_24a38132.png

3)设计器菜单栏点击模板>报表填报属性,新增一个 内置SQL提交 ,如下图所示:

1597907547286465.png

2.2 设置插入删除按钮

设计器菜单栏选择模板>模板Web属性,打开的界面选择填报页面设置>为该模板单独设置,双击分别将插入记录删除记录按钮添加到顶部工具栏,如下图所示:

Snag_24abd5c4.png

2.3 效果预览

保存模板,点击填报预览,插入和删除操作如下图所示:

  • 插入记录

7391F413-7712-4E70-9F58-3FC8F907E453.GIF

  • 删除记录

8933145E-9619-4BE1-B4B1-B8C9DB51B9E9.GIF

注:移动端不支持工具栏中的插入和删除按钮,移动端填报请使用下面自定义插入删除按钮的方法。


3. 自定义插入删除按钮编辑

3.1 设计填报模板

1)新建数据库查询数据集 ds1,SQL 语句为:SELECT * FROM Sales

1597907337956108.png

2)设计填报表格,A2~F2 单元格添加文本控件,将数据集字段拖入对应单元格,如下图所示:

Snag_24a38132.png

3)设计器菜单栏点击模板>报表填报属性,新增一个 内置SQL提交 ,如下图所示:

1597907547286465.png

3.2 设置插入行按钮

选中 G2 单元格,给单元格添加一个按钮控件,按钮类型下拉选择插入行,指定单元格设置为A2,其余默认设置即可,如下图所示:

1597910127504094.png

有关插入行按钮的属性设置介绍如下表所示:

按钮类型属性说明
插入行按钮按钮名字前端展示时按钮显示的文本信息,默认为:插入行
按钮图标按钮名字前显示的图标,默认为绿色加号
快捷键目前不支持快捷键设置
指定单元格
指定以哪个单元格为父格开始插入,该单元格必须设置为可扩展
行数点击插入行按钮后,一次插入的行数,默认为 1

3.3 设置删除行按钮

选中 H2 单元格,给单元格添加一个按钮控件,按钮类型下拉选择删除行,指定单元格设置为A2,其余默认设置即可,如下图所示:

1597911376412577.png

有关插入行按钮的属性设置介绍如下表所示:

按钮类型
属性说明
删除行按钮按钮名字前端展示时按钮显示的文本信息,默认为:删除行
按钮图标按钮名字前显示的图标,默认为红色叉
快捷键目前不支持快捷键设置
指定单元格指定以哪个单元格为父格进行删除,该单元格必须设置为可扩展

3.4 效果预览

1)PC 端

保存模板,点击填报预览,插入和删除操作如下图所示:

  • 插入记录

1.GIF

  • 删除记录

2.GIF

2)移动端

同时支持 App 端和 H5 端填报,效果如下图所示:

455383345510309507.jpg

注:默认的删除行按钮的删除只是将数据从页面上删除,不会和数据库有交互。如果希望删除行的同时将该数据从数据库中一并删除,可以参考:删除时二次确认


4. 模板下载编辑

4.1 内置插入删除按钮

已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Form\LineForm\内置插入和删除按钮.cpt

点击下载模板:内置插入和删除按钮.cpt

4.2 自定义插入删除按钮

已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Form\LineForm\自定义插入和删除按钮.cpt

点击下载模板:自定义插入和删除按钮.cpt