【ireport】ireport嵌入jsp页面后翻页功能，javascript激情手打版

最新推荐文章于 2015-12-04 16:10:00 发布

原创最新推荐文章于 2015-12-04 16:10:00 发布 · 4.3k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #jsp #button #class #datatables #报表

iReport 专栏收录该内容

3 篇文章

订阅专栏

本文分享了将iReport生成的报表嵌入到JSP页面并实现翻页功能的方法。通过使用JavaScript动态生成翻页按钮及显示当前页数，确保报表能够适应不同长度的数据集。

肯定很多人碰到这个问题，所以共享出来，多多交流~

ireport生成的报表嵌入jsp页面后需要翻页功能，写了个翻页功能

需要两个参数

1：npage 表示当前读的是第几页

2：pageSize 表示报表一共几页

这两个参数在输出报表的时候，npage用来指定输出第几页，pageSize可以通过读取jasperPrint的getPages().size()来获取

jsp中设置3个div

<div id="reportPanel" style="width:950px;"></div>        <!-- 用来显示报表-->
<div class="dataTables_info" id="dataTable_info"></div>  <!-- 用来显示“第几页，共几页”的信息-->
<div class="dataTables_paginate paging_full_numbers" id="dataTable_paginate"></div>  <!-- 用来显示翻页按钮的信息-->

下面是javascript翻页的代码：

if(npage>0){   
	var reportHeight = $('#reportPanel table')[0].clientHeight+250;			
	if(reportHeight<650) reportHeight=650;
	theFrame.height(reportHeight);
	$("#dataTable_info").html("第 "+npage+" 页,共 "+pageSize+" 页");
			
	var nextPage=parseInt(npage)+1;
	$("#dataTable_paginate").append("<a href=\"javascript:getReport(1)\" class=\"paginate_button\" id=\"dataTable_first\">首页</a>");
			
	if(npage>1){
		$("#dataTable_paginate").append("<a href=\"javascript:getReport("+(npage-1)+")\" class=\"paginate_button\" id=\"dataTable_previous\">上一页</a>");
	}
			
	if(npage<=3){
		var showLastPage=(pageSize>=5?5:pageSize);
		for(var i=1;i<npage;i++){
			$("#dataTable_paginate").append("<a href=\"javascript:getReport("+i+")\" class=\"paginate_button\">"+i+"</a>");
		}
		$("#dataTable_paginate").append("<a class=\"paginate_active\">"+npage+"</a>");
		for(var i=nextPage;i<=showLastPage;i++){
			$("#dataTable_paginate").append("<a href=\"javascript:getReport("+i+")\" class=\"paginate_button\">"+i+"</a>");
		}
	}
	else{
		var showLastPage;
		if(pageSize-npage>=2){
			showLastPage=parseInt(npage)+2;
			for(var i=npage-2;i<npage;i++){
				$("#dataTable_paginate").append("<a href=\"javascript:getReport("+i+")\" class=\"paginate_button\">"+i+"</a>");
			}
			$("#dataTable_paginate").append("<a class=\"paginate_active\">"+npage+"</a>");
			for(var i=nextPage;i<=showLastPage;i++){
				$("#dataTable_paginate").append("<a href=\"javascript:getReport("+i+")\" class=\"paginate_button\">"+i+"</a>");
			}
		}
		else{
			showLastPage=pageSize;
			var showBeginPage=pageSize>5?pageSize-4:1;
			for(var i=showBeginPage;i<npage;i++){
				$("#dataTable_paginate").append("<a href=\"javascript:getReport("+i+")\" class=\"paginate_button\">"+i+"</a>");
			}
			$("#dataTable_paginate").append("<a class=\"paginate_active\">"+npage+"</a>");
			for(var i=nextPage;i<=showLastPage;i++){
				$("#dataTable_paginate").append("<a href=\"javascript:getReport("+i+")\" class=\"paginate_button\">"+i+"</a>");
			}
		}
	}
			
	if(npage<pageSize){
		$("#dataTable_paginate").append("<a href=\"javascript:getReport("+nextPage+")\" class=\"paginate_button\" id=\"dataTable_next\">下一页</a>");
	}
	$("#dataTable_paginate").append("<a href=\"javascript:getReport("+pageSize+")\" class=\"paginate_button\" id=\"dataTable_last\">末页</a>");
			
}
else{	//没有报表显示的时候显示的字
	$("#dataTable_info").html("第 "+npage+" 页,共 "+pageSize+" 页");
}