jquery PrintArea 打印指定区域问题?为啥指定不了,打印出来还是一整页,为什么?
jquery PrintArea 打印指定区域问题?为啥指定不了,打印出来还是一整页,为什么?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<%@ page language="java" pageEncoding="UTF-8"%>
<%@page import="com.hzj.portal.student.vo.money"%>
<%@ include file="/common/taglibs.jsp"%>
<%@ page import="java.util.*"%>
<html>
<head>
<title>现金交接表</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="stylesheet" type="text/css" href="${portal}/css/default/easyui.css">
<link rel="stylesheet" type="text/css" href="${portal}/css/index.css">
<link rel="stylesheet" type="text/css" href="../css/icon.css">
<script type="text/javascript" src="${portal}/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="${portal}/js/jquery.easyui.min.js"></script>
<script type="text/javascript" src="${portal}/js/calendar/WdatePicker.js"></script>
<script type="text/javascript" src="${portal}/js/PrintArea.js"></script>
<script>
$("a#PrintArea").click(function(){
$("span.PrintArea").printArea( {popX: 500, popY: 400,popTitle:'现金交接'});
});
</script>
</head>
<body style="text-align:center;">
<!--startprint-->
<div id="print" class="easyui-window" title="现金交接"
iconCls="icon-save"
style="width: 980px; height: 450px; padding: 5px;top:10px; background: #fafafa;" modal="false" shadow="false" maximizable="false" collapsible="false" closed="false" minimizable="false">
<div class="easyui-layout" fit="true" >
<div region="center" border="false"
style="padding: 10px; background: #fff; border: 1px solid #ccc;">
<!--想从这开始打印,上面的部分不打印,但现在上面的部份还是打印了-->
<span id="PrintArea"> <table width="443" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="50" align="center" id="fp_title">现金交接表</td>
</tr>
</table>
<table width="620" border="0" cellpadding="0" cellspacing="1" bordercolor="#000000" bgcolor="#000000">
<tr>
<td width="61" height="40" align="center" bgcolor="#FFFFFF">交易量</td>
<td width="94" align="center" bgcolor="#FFFFFF">学费累计</td>
<td width="82" align="center" bgcolor="#FFFFFF">教材费累计</td>
<td width="58" align="center" bgcolor="#FFFFFF" >总计</td>
<td width="101" align="center" bgcolor="#FFFFFF" >日期</td>
<td width="85" align="center" bgcolor="#FFFFFF" >经办人</td>
</tr>
<c:forEach items="${indexList}" var="index">
<tr>
<td height="40" align="center" bgcolor="#FFFFFF" id="pr_student_sfh"> ${index.money_id }</td>
<td align="center" bgcolor="#FFFFFF" id="pr_km">${index.money_studentid }</td>
<td align="center" bgcolor="#FFFFFF" id="pr_type_name">${index.money_zffs }</td>
<td align="center" bgcolor="#FFFFFF" id="pr_student_xfss">${index.money_type }</td>
<td align="center" bgcolor="#FFFFFF" id="pr_jcf">${index.money_key }</td>
<td align="center" bgcolor="#FFFFFF" id="pr_jcf">${index.money_fs }</td>
</tr>
</c:forEach>
</table>
<table width="612" border="0" cellspacing="0">
<tr><td height="50" colspan="6" align="center" id="pr_hj"><p>合计:<%=request.getAttribute("hj_xx")%>元 (大写:<%=request.getAttribute("hj_dx") %>元整) </p></td></tr>
<tr>
<td width="70" height="40" align="center">经办人:</td>
<td width="112" height="40" align="left"><%=request.getAttribute("hj_qm") %></td>
<td width="115" height="40" align="center">经办日期:</td>
<td width="259" height="40" align="left"><%=request.getAttribute("hj_rq") %></td>
<td width="109" height="40" align="left">?接收人签字:</td>
<td width="94" height="40" align="center"></td>
</tr>
</table>
</span>
<!--打印结束位置,以下部分不需要打印-->
<!--endprint-->
</div>
<div region="south" border="false"
style="text-align: right; height: 30px; line-height: 30px;">
<a class="easyui-linkbutton" iconCls="icon-ok"
href="javascript:void(0)" onClick="print()">打印</a>
</div>
</div>
</div>
<p>
</body>
</html>