首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Ajax >

jquery PrintArea 打印指定区域有关问题?为啥指定不了,打印出来还是一整页,为什么

2013-03-17 
jquery PrintArea 打印指定区域问题?为啥指定不了,打印出来还是一整页,为什么?jquery PrintArea 打印指定

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>







[解决办法]
我也碰到过  我把那个<script type="text/javascript" src="${portal}/js/jquery-1.4.2.min.js"></script>
改成插件的Jquery.js就可以了  

热点排行