"润乾报表中参数模版与报表结合发布的设计，使得在页面中对报表数据进行过滤查看非常简单。在实际应用中，我们经常会遇到多次选择参数，但当参数选择非常多的时候，每次清空重新填写就很麻烦，有没有什么简单 .."

IBelieve 北京
乾学院 46 号会员
4 回帖 • 1,930 浏览 • 6 年前

如何为参数报表增加重置功能

灌水

润乾报表中参数模版与报表结合发布的设计，使得在页面中对报表数据进行过滤查看非常简单。在实际应用中，我们经常会遇到多次选择参数，但当参数选择非常多的时候，每次清空重新填写就很麻烦，有没有什么简单的办法来解决呢?

我们可以给参数模版增加一个”全部重置”的按钮，下面就来介绍一下。

第一步，我们在页面中来增加一个按钮，点击这个按钮触发重置函数：

<input type=”button” name=”Submit” onClick=clearForm(’form1′) value=”重置”>

第二步，我们在 jsp 中编写上述的这个重置函数 clearForm：

<script language=”javascript”>  
function clearForm(formName)  
{  
var formObj = document.forms[formName];  
var formEl = formObj.elements;  
for (var i=0; i<formEl.length; i++)  
{  
var element = formEl[i];  
if (element.type == ’submit’) { continue; } //跳过提交按钮  
if (element.type == ‘reset’) { continue; } //跳过重置按钮  
if (element.type == ‘button’) { continue; } //跳过普通按钮  
if (element.type == ‘hidden’) { continue; } //跳过隐藏域  
if (element.type == ‘text’) { element.value = ”; } //如果是编辑框,清空  
if (element.type == ‘textarea’) { element.value = ”; } //如果是大文本编辑框,清空  
if (element.type == ‘checkbox’) { element.checked = false; } //如果是复选框,清空  
if (element.type == ‘radio’) { element.checked = false; } //如果是单元按钮,清空  
if (element.type == ’select-multiple’) { element.selectedIndex = -1; } //如果是下拉复选框,清空  
if (element.type == ’select-one’) { element.selectedIndex = -1; } //如果是下拉单选框,清空  
}  
}  
< /script>

这样，我们在页面中就可以看到参数重置的效果了

4 回帖

请输入回帖内容 ...

niu • 6 年前

上边的函数有些问题, 使用这个函数可以

	function clearForm(formName){
		var formObj = document.forms[formName];
		var formEl = formObj.elements;
		
		for (var i=0; i<formEl.length; i++){
		var element = formEl[i];
		if (element.type == 'submit') { continue; } //跳过提交按钮
		if (element.type == 'reset') { continue; } //跳过重置按钮
		if (element.type == 'button') { continue; } //跳过普通按钮
		if (element.name == 'hiddenParams') { continue; }
		if (element.name == 'resultPage') { continue; }
		if (element.name == 'resultContainer') { continue; }
		if (element.type == 'hidden') { element.value = ""; } //跳过隐藏域
		if (element.type == 'text') { 
			try{
				
				$(element).textbox("setValue",""); 
			}catch(e){
				element.value="";
				
			} //如果是编辑框,清空
			
		}
		if (element.type == 'textarea') { element.value = ""; } //如果是大文本编辑框,清空
		if (element.type == 'checkbox') { element.checked = false; } //如果是复选框,清空
		if (element.type == 'radio') { element.checked = false; } //如果是单元按钮,清空
		if (element.type == 'select-multiple') { element.selectedIndex = -1; } //如果是下拉复选框,清空
		if (element.type == 'select-one') { element.selectedIndex = -1; } //如果是下拉单选框,清空
		
		}
		$.parser.parse();
	}

atx4869 • 5 年前
为和原来报表上的查询按钮样式同步，可以使用 a 标签
如在开发阶段，可以在 preview.jsp 页面增加。找到大约在原代码 62 行左右
增加

然后在下方增加上述朋友的 JS 代码。
另外，如果想点击重置按钮后，同样实现查询，那可以在上述代码的最后增加一个提交。
```
	formObj.submit();
```
正式生产环境修改 showReport.jsp 文件
1 回复
admin123 • 5 年前

input 标签加在参数模板吗？参数要怎么传呢

IBelieve • 6 个月前

20240329 版起可用

<script language="javascript">  
function clearForm(formName){
		var formObj = document.forms[formName];
		var formEl = formObj.elements;
		
		for (var i=0; i<formEl.length; i++){
		var element = formEl[i];
		if (element.type == 'submit') { continue; } //跳过提交按钮
		if (element.type == 'reset') { continue; } //跳过重置按钮
		if (element.type == 'button') { continue; } //跳过普通按钮
		if (element.name == 'hiddenParams') { continue; }
		if (element.name == 'resultPage') { continue; }
		if (element.name == 'resultContainer') { continue; }
		if (element.type == 'hidden') { element.value = ""; } //跳过隐藏域
		if (element.type == 'text') { 
			try{
				
				$(element).textbox("setValue",""); 
			}catch(e){
				element.value="";
			} //如果是编辑框,清空
			try{
				var a = $(element).datebox("options");
				a.value = "";
			}catch(E){
				
			}
		}
		if (element.type == 'textarea') { element.value = ""; } //如果是大文本编辑框,清空
		if (element.type == 'checkbox') { element.checked = false; } //如果是复选框,清空
		if (element.type == 'radio') { element.checked = false; } //如果是单元按钮,清空
		if (element.type == 'select-multiple') { element.selectedIndex = -1; } //如果是下拉复选框,清空
		if (element.type == 'select-one') { element.selectedIndex = -1; } //如果是下拉单选框,清空
		
		}
		$.parser.parse();
		for(var i = 0 ; i < paramNames.length; i++) {
            copyEditorCSS( paramNames[i] );
        }
	}

</script>

jspzip