OpenAuth.Net/OpenAuth.Mvc/Content/scripts/plugins/printTable/jquery.printTable.js
2017-01-12 19:48:01 +08:00

123 lines
5.1 KiB
JavaScript

$.fn.printArea = function (opt) {
var document = window.document;
opt = $.extend({
preview: false, // 是否预览
table: false, // 是否打印table
usePageStyle: true // 是否使用页面中的样式
}, opt);
var content,
iframe,
win,
links = document.getElementsByTagName("link"),
html = '<!doctype html><html><head><meta charset="utf-8"><title></title>';
// 自动添加样式
for (var i = 0, len = links.length; i < len; i++) {
if (links[i].rel === 'stylesheet') {
//if (opt.usePageStyle || links[i].href.indexOf('learun-report.css') !== -1) {
// html += links[i].outerHTML;
//}
if (opt.usePageStyle || links[i].href.indexOf('.css') !== -1) {
html += links[i].outerHTML;
}
}
}
content = opt.table ? '' : this[0].outerHTML;
html += '</head><body>' + content + '</body></html>';
// 构造iframe
var _self = $(this).clone(), timer, firstCall, win, $html = $(html);
iframe = document.createElement("iframe");
iframe.id = "printProxyIframe";
iframe.frameBorder = 0;
iframe.setAttribute("style", 'position:absolute;z-index:100;left:0;top:0;width:100%;height:100%;background:#fff;' + (opt.preview ? '' : 'visibility:hidden;'));
iframe.onload = function () {
win = iframe.contentWindow;
win.canAccess = true;
}
iframe.src = "javascript:void((function(){document.open();document.domain='" + document.domain + "';document.close()})())";
document.body.appendChild(iframe);
var timer = setInterval(function () {
if (iframe.contentWindow.canAccess) {
clearInterval(timer);
//iframe.contentWindow.document.body.innerHTML = '这是新设置的页面内容';
// 重新构造jqgrid渲染的table为单个table
//win.document.write(html);
win.onafterprint = function () {
win.onafterprint = null;
iframe.parentNode.removeChild(iframe);
};
if (opt.table) {
var $printArea = _self.find('.printArea');
$.each($printArea, function (i, item) {
var $_area = $(item)
if ($_area.find('.ui-jqgrid').length == 0) {
var $tb = $_area.find("table.form").eq(0).clone().removeAttr("style").attr("class", "ui-table-print");
$tb.find("th").css("width", "auto");
//$tb.find("td").css("width", "auto");
$(win.document.body).append($tb);
} else {
var $tb = $_area.find("table.ui-jqgrid-htable").eq(0).clone().removeAttr("style").attr("class", "ui-table-print");
var $data = $_area.find("table.ui-jqgrid-btable").eq(0).find("tbody").clone();
var $title = $_area.find("div.grid-title");
var $subtitle = $_area.find("div.grid-subtitle");
var $summary = $_area.find("table.ui-jqgrid-ftable").find("tbody").clone();
if ($title.length) {
$('<caption/>').prependTo($tb).append($title.clone()).append($subtitle.clone());
}
$tb.find("th").css("width", "auto");
$summary.find("td").css("width", "auto");
$data.children().eq(0).remove();
$tb.append($data).append($summary);
$(win.document.body).append($html).append($tb);
}
});
//var $tb = _self.find("table.ui-jqgrid-htable").eq(0).clone().removeAttr("style").attr("class", "ui-table-print");
//var $data = _self.find("table.ui-jqgrid-btable").eq(0).find("tbody").clone();
//var $title = _self.find("div.grid-title");
//var $subtitle = _self.find("div.grid-subtitle");
//var $summary = _self.find("table.ui-jqgrid-ftable").find("tbody").clone();
//if ($title.length) {
// $('<caption/>').prependTo($tb).append($title.clone()).append($subtitle.clone());
//}
//$tb.find("th").css("width", "auto");
//$summary.find("td").css("width", "auto");
//$data.children().eq(0).remove();
//$tb.append($data).append($summary);
//$(win.document.body).append($html).append($tb);
}
// 开始打印
if (timer) {
clearTimeout(timer);
}
timer = setTimeout(function () {
win.focus();
win.print();
}, 100);
if (!opt.preview) {
// 自销毁
setTimeout(function () {
iframe.parentNode && iframe.parentNode.removeChild(iframe);
}, 1000);
}
}
}, 100);
return this;
};
$.fn.printTable = function (opt) {
opt = opt || {};
opt.table = true;
opt.usePageStyle = false;
return this.printArea(opt);
};