利用润乾报表内置函数实现页面跳转功能 --V4 版本

 

Web 应用开发中一个很普遍的需求就是页面的跳转,润乾报表已经为用户提供了如起始页、下一页、上一页、最后页的直接跳转功能,有时还需要实现直接跳转到指定页码的功能,润乾报表可通过 js 函数和润乾报表的内置函数 _toPage( ) 来实现。下面就讲一下简单思路

1、设计一个报表

2、配置展现报表的 jsp 文件,实现页面跳转的需求,具体配置内容如下:

(1) 为了实现需求,首先在 jsp 文件中定义页面跳转的输入框和提交按钮,具体的 html 代码如下:

<input type=”text” style=”width:30px;” value=”” name=”atpage” id=”atpage”><input type=”submit” value=”go” onclick=”aa();”>

(2) 然后定义提交时调用的 js 函数,调用了润乾提供的 _toPage() 函数,具体的定义代码如下:

function aa(){  
//获得定义ID为atpage输入框的值  
var tpagenum = document.getElementByIdx(”atpage”).value;  
//调用润乾内置的_toPage()函数,将获得的值传入即可实现转到某一页  
try{report1_toPage(tpagenum);}  
catch(e){}  
return false;  
}

(3) 最后在发布报表的 tag 里面加上 userFuncBarElements 属性,即将定义好的输入框和提交按钮加到了报表上方的功能条中,具体的代码如下:

<report:html name=”report1″ reportFileName=”moreData.raq”  
userFuncBarElements=”<input type=\\”text\\” style=\\”width:30px;\\” value=\\”\\” name=\\”atpage\\” id=\\”atpage\\”><input type=\\”submit\\” value=\\”go\\” onclick=\\”aa();\\”>”  
width=”-1″  
/>  

这样就实现了这个报表的指定页面跳转功能。

润乾报表内置了很多很实用的内置函数供用户调用,同时也支持 js 函数的使用,熟练使用润乾报表中的内置函数和 js 函数可以实现许多诸如此类的常用需求,使开发变得更快速简单。