历史版本9 :自定义插入删除列按钮 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 问题描述

自定义插入和删除按钮时,按钮类型下拉只有插入行和删除行 2 个选项。

Snag_250bbc0f.png

那么怎么实现下图所示插入和删除列的效果呢?

370A2642-AFDA-4070-BE58-5B8FC2DC89D5.GIF

1.2 解决方案

按钮类型仍然使用插入行和删除行,插入删除行按钮需要指定横向扩展的填报单元格,且需要修改上父格关系。

2. 示例编辑

2.1 设计填报模板

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

1597915455467447.png

2)设计填报表格,B3~B8 单元格添加文本控件,且单元格都设置为横向扩展,将数据集字段拖入对应单元格,如下图所示:

Snag_252087ba.png

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

Snag_252216c6.png

2.2 设置插入列按钮

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

1597915933961941.png

2.3 设置删除列按钮

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

1597916220174941.png

2.4 设置父子格

1)选中 B3 单元格,设置其上父格为无,如下图所示:

Snag_252cb373.png

2)B1 和 B2 单元格上父格都设置为 B3 单元格,如下图所示:

Snag_25315bb6.png

2.5 效果预览

1)PC 端

保存报表,点击填报预览,效果如下图所示:

370A2642-AFDA-4070-BE58-5B8FC2DC89D5.GIF

2)移动端

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

36614798453762914.jpg

3. 模板下载编辑

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

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