富文本框控件（文本框和富文本框）



1）在 FineReport 设计器左上角点击「文件>新建可视化看板」。

2）在「创建空白看板」Tab 中，可自定义模板名称和尺寸，选择 模板样式 为「内置样式>浅色主题一」。

3）点击「创建看板」。

新建数据库查询 ds1 ，输入 SQL 查询语句：

这段 SQL 表示根据变量 type 的不同值（"日报"、"月报"或其他）生成不同的条件来筛选订单数据，条件包括日期、月份和年份。

1）点击组件区「其他>表格组件」，添加到画布中，并将其拉动到合适的大小和位置。

2）选中表格组件，点击右侧配置区「内容>编辑组件」，进入表格编辑界面。

3）表格主体设计如下图所示，将 ds1 数据集中的「订购日期、发货日期、运货商、货主名称、货主地址、货主城市、货主省份」字段拖入单元格。

4）选中 A3 单元格「订购日期」字段，点击「单元格元素>基本」，将数据设置修改为「列表」。

5）设置完成后点击左上角「返回可视化看板」返回画布。

2.4.1 添加组件

1）点击组件区「其他>标题」向画布中添加四个标题组件，调整到适当的位置。

2）标题内容分别设置为 、、、 ，对应需要的参数类型。

3）点击组件区「控件」，向画布中添加三个下拉框控件、一个日期时间控件，调整到适当的位置。

2.4.2 设置下拉框控件

1）从左到右选中第一个下拉框控件，绑定参数设置为「type」。

选项值来源类型设置为「自定义」，实际值和显示值相同，为年报，月报，日报。

选项值来源设置完成后，设置默认值为「年报」。

2）从左到右选中第二个下拉框控件，绑定参数设置为「year」。

选项值来源类型设置为「自定义」，实际值和显示值相同，为 2010、2011。

选项值来源设置完成后，设置默认值为「2010」。

3）从左到右选中第三个下拉框控件，绑定参数设置为「month」。

选项值来源类型设置为「自定义」，显示值和实际值相同，为 01 ~ 12 。

选项值来源设置完成后，设置默认值为「01」。

2.4.3 设置日期时间控件

选中日期时间控件，绑定参数设置为「date」。

默认值为自定义日期时间 2010-01-01，日期范围为自定义，起始日期为 2010-01-01，结束日期为 2011-12-31。

2.4.4 设置组件隐藏

2）双击组件名称，可重命名，将四个标题组件重命名为 报表类型、年份、月份、日期 。

3）鼠标悬浮组件名称时，点击组件左侧的小眼睛 icon，可切换组件显示/隐藏状态。设置日期和月份对应的组件隐藏。

1）选中 type 下拉框控件，在「交互>添加事件」中为其添加「编辑结束」事件。

2）事件名称自定义为「控件联动」，输入 JavaScript 执行脚本。

JavaScript 执行脚本如下所示：

2.6.1 PC 端

点击「预览」，效果如 1.2 节所示。

2.6.2 移动端

移动端请先开启 移动端布局 ，预览方式请参考 FVS移动端预览 。效果如下图所示：

版权声明：

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！

转载请注明出处，原文链接：https://www.xkablog.com/bcyy/12799.html