使用控件时,常常需要快速恢复单个或所有控件至初始状态。本文以报表工具finereport为例,简要说明实现控件内容重置的具体操作方式,助力用户更高效地维护参数界面状态。
1、 效果示意

2、 解决方案
3、 若仅需重置某一个特定控件,可在该控件的JavaScript事件中获取其对象引用,并调用内置的reset()方法,从而清空其当前值。
4、 若要一次性重置页面上全部控件,可通过form.name_widgets获取表单中所有已命名的控件集合,再遍历该集合,对每个控件依次执行reset()操作,具体实现逻辑如下所示。
5、 实际案例
6、 效果图中展示了两个功能按钮——“清空供应商”与“清空全部”,分别对应单控件重置与全控件重置两种典型场景。
7、 打开模板文件:路径为 %FR_HOME%\WebReport\WEB-INF\reportlets\demo\parameter\ComplexParaInter.cpt,并加载该模板。
8、 控件清空功能按钮
9、 以图中“清空供应商”按钮为例,说明如何单独重置某一控件的内容。
10、 在参数配置界面新增一个按钮,命名为“清空供应商”,为其绑定点击事件,实现清除供应商编号(supplierID)输入框中的内容,对应JavaScript代码如下:
11、 获取名称为 supplierID 的控件对象,以便从当前表单中准确读取供应商编号字段的数据。此操作依赖于表单实例通过控件名称动态定位组件的能力,为后续数据交互和业务逻辑处理提供可靠支撑。
12、 清除供应商编号输入框内的现有内容。
13、 批量清空所有控件内容
14、 在参数面板中添加一个名为“清空全部”的按钮,并为其设置点击事件,事件触发后运行指定JS脚本,完成所有控件的重置操作。












