js:
(function ($) {
var printAreaCount = 0;
$.fn.printArea = function () {
var ele = $(this);
var idPrefix = "printArea_";
removePrintArea(idPrefix + printAreaCount);
printAreaCount++;
var iframeId = idPrefix + printAreaCount;
var iframeStyle = 'position:absolute;width:0px;height:0px;left:-500px;top:-500px;';
iframe = document.createElement('IFRAME');
$(iframe).attr({
style: iframeStyle,
id: iframeId
});
document.body.appendChild(iframe);
var doc = iframe.contentWindow.document;
$(document).find("link").filter(function () {
return $(this).attr("rel").toLowerCase() == "stylesheet";
}).each(
function () {
/* doc.write('<link type="text/css" rel="stylesheet" href="'
+ $(this).attr("href") + '" >'); */
doc.write('<link type="text/css" rel="stylesheet" href="/css/site.css" >');
});
doc.write('<div style="width:100%; font-size:100%;">' + $(ele).html()
+ '</div>');
doc.close();
var frameWindow = iframe.contentWindow;
frameWindow.close();
frameWindow.focus();
frameWindow.print();
};
var removePrintArea = function (id) {
$("iframe#" + id).remove();
};
})(jQuery);
function printRep() {
if (confirm("是否确认打印?")) {
$("#printerBody").printArea();
return false;s
}
}
printerBody: 为div 的id 属性,必须是div标签
html:
<a href="javascript:void(0);" style="float:right;margin-right:40px;with:40px;" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true" οnclick="printRep()" value="打印">打印</a>
<div id='printerBody'>
<table class="tab_001" border="1" bordercolor="#ccc" cellspacing="0" cellpadding="0">
<thead>
<tr>
<td><input id="all" name="checkName" type="checkbox" value="全选" οnclick="checkAll(this)"/></td>
<td>原冰箱名称</td>
<td>原区域编码</td>
<td>原抽屉编码</td>
<td>原盒子编码</td>
<td>原孔板编码</td>
<td>至冰箱名称</td>
<td>至区域编码</td>
<td>至抽屉编码</td>
<td>至盒子编码</td>
<td style="display:none">盒子id</td>
</tr>
</thead>
<tbody>
<tr>
<td><input id="all" name="checkName" type="checkbox" value="全选" οnclick="checkAll(this)"/></td>
<td>原冰箱名称</td>
<td>原区域编码</td>
<td>原抽屉编码</td>
<td>原盒子编码</td>
<td>原孔板编码</td>
<td>至冰箱名称</td>
<td>至区域编码</td>
<td>至抽屉编码</td>
<td>至盒子编码</td>
<td style="display:none">盒子id</td>
</tr>
</tbody>
</table>
</div>