使用控件时,常需快速重置单个或全部控件内容。本文以电子表格FineReport为例,简要介绍实现该功能的操作方法,帮助用户高效管理控件状态。
1、 效果所示
2、 应对之策
3、 当仅需重置某个控件时,可在JavaScript事件中获取该控件对象,并调用其reset()方法,以清除其当前内容。
4、 重置所有控件时,可利用form.name_widgets获取界面全部控件,遍历每个控件并逐一重置,具体实现方式如下所示。
5、 示例
6、 通过效果图中两个清空按钮,展示重置控件内容的实现方法。
7、 进入模板路径 %FR_HOME%WebReportWEB-INF eportletsdemoparameterComplexParaInter.cpt 并打开该文件。
8、 重置控件内容的按钮
9、 以图中清空供应商按钮为例,演示如何重置单一控件的内容。
10、 在参数设计界面添加一个名为清空供应商的按钮,配置其点击事件,实现清除供应商(supplierID)控件中的内容,具体JavaScript代码如下所示。
11、 获取名为 supplierID 的控件,用于从当前表单中读取供应商编号信息。该操作通过表单实例的控件名称访问对应组件,便于后续数据处理与交互,确保准确获取用户输入的供应商标识内容。
12、 清空供应商编号输入框中的内容。
13、 清空所有控件内容
14、 在参数界面添加一个名为清空全部的按钮,并为其配置点击事件,事件触发时执行指定的JS脚本。
评论
更多评论