可视化数据图表-FineReportJS实现清空控件内容

1. 概述

 1.1 问题描述

在使用查询控件时，有时我们希望能够快捷重置控件的内容，或者重置所有控件的内容。效果如下图所示：

1. 重置某个控件的内容：

 

1.2 实现思路

在使用查询控件时，有时我们希望能够快捷重置控件的内容，或者重置所有控件的内容。效果如下图所示，在 JS 事件中获取需要重置的控件，用setValue("")、setText("")、reset()给控件赋空值，从而清空该控件的内容。

2 示例

 2.1 重置单个控件内容

2.1.1 准备模板

报表参数界面样式如下图所示：

2.1.2 添加按钮控件

在参数设计页面新建一个「按钮控件」，设定其按钮名称为「清空供应商」，为该按钮控件添加「点击」事件，实现点击按钮时将供应商控件的内容清空，如下图所示：