报表知识库
我要提问

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

Web应用开发中一个很普遍的需求就是页面的跳转,润乾报表已经为用户提供了如起始页、下一页、上一页、最后页的直接跳转功能。若想实现直接跳转到指定页码的功能,润乾报表也提供了相应的功能,利用js函数_toPage( )应用在报表设计过程中,即可实现上述需求。

一、首先看一下效果图:

图1.png

二、实现步骤:

1:首先设计一个报表,报表属性设置为按行分页,每页十五行,如图所示:

图2.png

报表的设计模板如下图所示:

图3.png

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.getElementById(”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″
/>

3 报表的页面展现如下图所示:

图4.png

这个报表共有57页,在页面跳转对话框中输入1-57之间任意一个数字查询指定页的报表查询结果,如图中输入了12,查询结果如下图:

图5.png

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

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