您的位置:首页 > 编程语言

lodop分页,页眉页脚,foreach分页代码

2016-06-06 15:32 543 查看
<!--
本例是一个表格的打印
说明:
1、使用object对象来注册一个打印控件
2、使用document.getElementById获取到打印控件,使用CheckLodop检查是否安装打印控件,检验版本
3、使用c:forEach标签来遍历数据,使用EL来读取属性
4、使用table来展现数据,使用到了thead、tfoot、tbody,主要是用于分页打印,这里设置每10行记录打印一页
5、使用fmt:formatNumber将数值格式化为2位精度

-->
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page isELIgnored="false" %>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<!DOCTYPE html>
<html>

<head>
<title>打印测试</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
</style>
<%-- <script type="text/javascript" src="${pageContext.request.contextPath}/lodop/LodopFuncs.js"></script> --%>
</head>
<!-- 设置一个常量WebRoot,保存当前应用的contextpath -->
<script type="text/javascript">
var WebRoot = '${pageContext.request.contextPath}';
</script>
<!-- 注册一个Lodop控件 -->

<script type="text/javascript">
var LODOP = document.getElementById("LODOP");//这行语句是为了符合DTD规范
var LODOP=getLodop(document.getElementById('LODOP'),document.getElementById('LODOP_EM'));
//CheckLodop();
function create(printodiv) {
//LODOP.PRINT_INIT("simple_form");
//假设我们使用A4纸张打印 A4=21cm * 29.7cm
//页边距我们设置为 1cm (top、left、right、bottom)
//width =21-1*2 =21-2=19
//height =29.7-1*2=29.7-2=27.7cm
//LODOP.ADD_PRINT_HTM('1cm','1cm','19cm','27.7cm', printodiv.innerHTML);
//LODOP.ADD_PRINT_HTM('1cm', '1cm', '19cm', '27.7cm', document.getElementById(printodiv).innerHTML); //A4纸  纵
LODOP.SET_PRINT_PAGESIZE(2, 0, 0, "A4");
LODOP.ADD_PRINT_TEXT('20', '420','600', '50', "换房统计表");
LODOP.SET_PRINT_STYLEA(1, "ItemType", 1);
LODOP.SET_PRINT_STYLEA(1, "FontSize", 14);
LODOP.SET_PRINT_STYLEA(1, "Bold", 1);
LODOP.ADD_PRINT_TEXT('730','660','200','22', "第#页/共&页");
LODOP.SET_PRINT_STYLEA(2, "ItemType", 2);
LODOP.SET_PRINT_STYLEA(2, "HOrient", 1);
LODOP.ADD_PRINT_TABLE('50', '45', '500', '540', document.getElementById(printodiv).innerHTML);
}
function preview() {
create("from_div");
LODOP.PREVIEW();  //预览
}
function print(){
create("from_div");
LODOP.PRINT();
}
</script>
</script>
<body>
<form>
<div>
<a href="javascript:print();">打印</a>
<a href="javascript:preview();">预览</a>
<a href="javascript:window.history.back();">返回</a>
</div>
<div id="from_div" align="center">
<table style="border-color: black; border-collapse: collapse; border-width: 1px; font-size: 20" border="1"
cellspacing="0" cellpadding="0" width="1000" align="center">
<!-- <tr>
<td colspan="15" align="center"><span style="font-size:14;font-family:宋体;" >换房统计表</span></td>
</tr> -->
<tr>
<td height="20" width="30"><span style="font-size:14;font-family:宋体;">序号</span></td>
<td height="20" width="58"><span style="font-size:14;font-family:宋体;">	换房类型</span></td>
<td height="20" width="42" ><span style="font-size:14;font-family:宋体;">	姓名</span></td>
<td height="20" width="45"><span style="font-size:14;font-family:宋体;">	原房号</span></td>
<td height="20" width="65"><span style="font-size:14;font-family:宋体;">	原房类</span></td>
<td height="20" width="30"><span style="font-size:14;font-family:宋体;">床位</span></td>
<td height="20" width="42"><span style="font-size:14;font-family:宋体;">	原房价</span></td>
<td height="20" width="48"><span style="font-size:14;font-family:宋体;">	服务费</span></td>
<td height="20" width="45"><span style="font-size:14;font-family:宋体;">	新房号</span></td>
<td height="20" width="65"><span style="font-size:14;font-family:宋体;">	新房类</span></td>
<td height="20" width="30"><span style="font-size:14;font-family:宋体;">床位</span></td>
<td height="20" width="42"><span style="font-size:14;font-family:宋体;">	新房价</span></td>
<td height="20" width="48"><span style="font-size:14;font-family:宋体;">	服务费</span></td>
<td height="20" width="115"><span style="font-size:14;font-family:宋体;">	换房日期</span></td>
<td height="20" width="160"><span style="font-size:14;font-family:宋体;">	换房原因</span></td>
</tr>
<c:forEach items="${querylist}" var="s" varStatus="status">
<tr>
<td height="20" width="30" align="center"><span style="font-size:12;font-family:宋体;">${status.index+1}</td>
<c:choose>
<c:when test="${s.changeroomType} == 1">
<td height="20" width="58"><span style="font-size:12;font-family:宋体;">换空房</span></td>
</c:when>
<c:otherwise><td height="20" width="58"><span style="font-size:12;font-family:宋体;">房间对换</span></td></c:otherwise>
</c:choose>
<td height="20" width="42" ><span style="font-size:12;font-family:宋体;">${s.nameBefore}</span></td>
<td height="20" width="45" align="center"><span style="font-size:12;font-family:宋体;">${s.zoneAndNum}</span></td>
<td height="20" width="65"><span style="font-size:12;font-family:宋体;">${s.roomtypeBefore}</span></td>
<td height="20" width="30" align="center"><span style="font-size:12;font-family:宋体;">${s.bednumBefore}</span></td>
<td height="20" width="42" align="right"><span style="font-size:12;font-family:宋体;">${s.rateBefore}</span></td>
<td height="20" width="48" align="right"><span style="font-size:12;font-family:宋体;">${s.servicechargeBefore}</span></td>
<td height="20" width="45" align="center"><span style="font-size:12;font-family:宋体;">${s.zoneAndNumNew}</span></td>
<td height="20" width="65"><span style="font-size:12;font-family:宋体;">${s.roomtypeNew}</span></td>
<td height="20" width="30" align="center"><span style="font-size:12;font-family:宋体;">${s.bednumNew}</span></td>
<td height="20" width="42" align="right"><span style="font-size:12;font-family:宋体;">${s.rateNew}</span></td>
<td height="20" width="48" align="right"><span style="font-size:12;font-family:宋体;">${s.servicechargeNew}</span></td>
<td height="20" width="115" align="center"><span style="font-size:12;font-family:宋体;">${s.changeroomDate}</span></td>
<td height="20" width="160"><span style="font-size:12;font-family:宋体;">${s.changeroomCause}</span></td>
</tr>
</c:forEach>
</table>
</div>
</form>
</body>
</html>


  
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: