利用润乾报表内置函数实现页面跳转功能
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.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 报表的页面展现如下图所示:
这个报表共有57页,在页面跳转对话框中输入1-57之间任意一个数字查询指定页的报表查询结果,如图中输入了12,查询结果如下图:
这样就实现了这个报表的指定页面跳转功能。
润乾报表内置了很多很实用的内置函数供用户调用,同时也支持js函数的使用,熟练使用润乾报表中的内置函数和js函数可以实现许多诸如此类的常用需求,使开发变得更快速简单。