利用快逸报表内置JS函数实现页码跳转功能
02.01.2010 by hewei - 0 Comment - 0Posted in web报表
Web应用开发中一个很普遍的需求就是页码的跳转,快逸报表已经为项目开发人员提供了起始页,下一页,上一页,最后页的功能,节省了人工编写的复杂度,当然,如果想直接跳转到某一页,就需要稍微做一点工作了,我们知道快逸报表内置的javascript函数中有一个_toPage( )函数,此函数的语法为:tag中的name属性+_toPage( N),N为页数。下面就简单的做一个例子实现这一效果。
(注:更多的函数说明请参考 应用开发教程以及应用开发手册中的网页脚本控制一章节)
首先看一下效果图:

实现步骤:
1:首先制作一张报表,报表属性设置为按行分页,每页十五行,如图所示:

2:写jsp页面发布此报表,jsp代码如下:
<!-
< %@ taglib uri=”/WEB-INF/runqianReport4.tld” prefix=”report” % >
< %
//以下代码是将常用的jsp中input元素拼为字符串
String tpagestr = “< input type=\”text\” style=\”width:30px;\” value=\”\” name=\”atpage\” id=\”atpage\”>< input type=\”submit\” value=\”go\” onclick=\”aa();\” >”;
%>
< html>
< head>
< title>快逸报表输入跳转页数跳转< /title>
< h2 align=”center” >快逸报表输入跳转页数跳转< /h2>
< /head>
< script type=”text/javascript” >
//定义名为aa的js函数,当点击value为”go”的按钮时调用
function aa(){
//获得定义ID为atpage输入框的值
var tpagenum = document.getElementById(”atpage”).value;
//调用快逸内置的_toPage()函数,将获得的值传入即可实现转到某一页
try{report1_toPage(tpagenum);}
catch(e){}
return false;
}
< /script>
< table align=”center”>
< tr >< td>
< %== 以下是用tag标签发布报表==% >
< report:html name=”report1″ reportFileName=”moreData.raq”
< %== userFuncBarElements是自定义的功能条中的功能元素,引入我们自定义的Html元素 ==%>
userFuncBarElements=”"
width=”-1″
/ >
< /td>< /tr>
< /table>
< /html>
总结:快逸报表内置了很多很实用的js函数供开发者调用,可以实现诸如此类的需求,熟练使用快逸报表中的内置js函数可以使开发变得更快速简单。
原文链接:利用快逸报表内置JS函数实现页码跳转功能
























点击类别ID后,效果图如下:
从上面的两个图片中可以看出点击报表头时,类别ID从由小到大排序变为了从大到小排序!二:实现思路:快逸报表中数据集函数可以传入参数,从而控制对某一字段的排序,通过宏和参数以及超链接的结合使用,可以动态为数据集函数传入不同的参数,实现了点标题点击标题实现列表排序。三:实现步骤: 1:首先看报表模版以及参数和宏的设置下图是报表模版及参数设置:
下图为报表模版和宏的设置:

单选钮比下拉框更加直观,操作更加简便,比如:下拉框选择至少要点击两次鼠标,第一次点击下拉,第二次点击选择;而单选钮只需要点击一次鼠标即可完成选择操作,而且可以一眼看出有哪些选项。因此对于选项不多的情况,如在5个以内的时候,用单选钮更加方便。 单选钮要自己编程实现并不算太困难,如果仅仅是在HTML里写一个也很容易,可是在实际业务中,有很多情况是HTML标准控件无法完成的: 首先,单选钮的选项有几个,往往并不固定,很可能由数据库里的数据动态决定,这就意味着单选钮所占的宽度有可能变化,同理,摆放在单选钮右边的元素就要动态调整位置; 其次,当单选钮所占的位置一行放不下时,可能需要摆两行或者多行,此时不光要动态算宽度,还要动态算高度,因为单选钮下面摆放的元素也得跟着动态挪位置。 所以,看似很简单的功能,一旦和真实业务联系起来,也变得不简单。快逸