You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
145 lines
8.2 KiB
JavaScript
145 lines
8.2 KiB
JavaScript
3 years ago
|
(function (global, factory) {
|
||
|
|
if (typeof define === "function" && define.amd) {
|
||
|
|
define([], factory);
|
||
|
|
} else if (typeof exports !== "undefined") {
|
||
|
|
factory();
|
||
|
|
} else {
|
||
|
|
var mod = {
|
||
|
|
exports: {}
|
||
|
|
};
|
||
|
|
factory();
|
||
|
|
global.bootstrapTablePrint = mod.exports;
|
||
|
|
}
|
||
|
|
})(this, function () {
|
||
|
|
'use strict';
|
||
|
|
|
||
|
|
(function ($) {
|
||
|
|
'use strict';
|
||
|
|
|
||
|
|
var sprintf = $.fn.bootstrapTable.utils.sprintf;
|
||
|
|
|
||
|
|
function printPageBuilderDefault(table) {
|
||
|
|
return '<html><head>' + '<style type="text/css" media="print">' + ' @page { size: auto; margin: 25px 0 25px 0; }' + '</style>' + '<style type="text/css" media="all">' + 'table{border-collapse: collapse; font-size: 12px; }\n' + 'table, th, td {border: 1px solid grey}\n' + 'th, td {text-align: center; vertical-align: middle;}\n' + 'p {font-weight: bold; margin-left:20px }\n' + 'table { width:94%; margin-left:3%; margin-right:3%}\n' + 'div.bs-table-print { text-align:center;}\n' + '</style></head><title>Print Table</title><body>' + '<p>Printed on: ' + new Date() + ' </p>' + '<div class="bs-table-print">' + table + "</div></body></html>";
|
||
|
|
}
|
||
|
|
$.extend($.fn.bootstrapTable.defaults, {
|
||
|
|
showPrint: false,
|
||
|
|
printAsFilteredAndSortedOnUI: true, //boolean, when true - print table as sorted and filtered on UI.
|
||
|
|
//Please note that if true is set, along with explicit predefined print options for filtering and sorting (printFilter, printSortOrder, printSortColumn)- then they will be applied on data already filtered and sorted by UI controls.
|
||
|
|
//For printing data as filtered and sorted on UI - do not set these 3 options:printFilter, printSortOrder, printSortColumn
|
||
|
|
|
||
|
|
printSortColumn: undefined, //String, set column field name to be sorted by
|
||
|
|
printSortOrder: 'asc', //String: 'asc' , 'desc' - relevant only if printSortColumn is set
|
||
|
|
printPageBuilder: function printPageBuilder(table) {
|
||
|
|
return printPageBuilderDefault(table);
|
||
|
|
} // function, receive html <table> element as string, returns html string for printing. by default delegates to function printPageBuilderDefault(table). used for styling and adding header or footer
|
||
|
|
});
|
||
|
|
$.extend($.fn.bootstrapTable.COLUMN_DEFAULTS, {
|
||
|
|
printFilter: undefined, //set value to filter by in print page
|
||
|
|
printIgnore: false, //boolean, set true to ignore this column in the print page
|
||
|
|
printFormatter: undefined //function(value, row, index), formats the cell value for this column in the printed table. Function behaviour is similar to the 'formatter' column option
|
||
|
|
|
||
|
|
});
|
||
|
|
$.extend($.fn.bootstrapTable.defaults.icons, {
|
||
|
|
print: 'glyphicon-print icon-share'
|
||
|
|
});
|
||
|
|
|
||
|
|
var BootstrapTable = $.fn.bootstrapTable.Constructor,
|
||
|
|
_initToolbar = BootstrapTable.prototype.initToolbar;
|
||
|
|
|
||
|
|
BootstrapTable.prototype.initToolbar = function () {
|
||
|
|
this.showToolbar = this.showToolbar || this.options.showPrint;
|
||
|
|
|
||
|
|
_initToolbar.apply(this, Array.prototype.slice.apply(arguments));
|
||
|
|
|
||
|
|
if (this.options.showPrint) {
|
||
|
|
var that = this,
|
||
|
|
$btnGroup = this.$toolbar.find('>.btn-group'),
|
||
|
|
$print = $btnGroup.find('button.bs-print');
|
||
|
|
|
||
|
|
if (!$print.length) {
|
||
|
|
$print = $(['<button class="bs-print btn btn-default' + sprintf(' btn-%s"', this.options.iconSize) + ' name="print" title="print" type="button">', sprintf('<i class="%s %s"></i> ', this.options.iconsPrefix, this.options.icons.print), '</button>'].join('')).appendTo($btnGroup);
|
||
|
|
|
||
|
|
$print.click(function () {
|
||
|
|
function formatValue(row, i, column) {
|
||
|
|
var value = row[column.field];
|
||
|
|
if (typeof column.printFormatter === 'function') {
|
||
|
|
return column.printFormatter.apply(column, [value, row, i]);
|
||
|
|
} else {
|
||
|
|
return typeof value === 'undefined' ? "-" : value;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function buildTable(data, columnsArray) {
|
||
|
|
var html = ['<table><thead>'];
|
||
|
|
for (var k = 0; k < columnsArray.length; k++) {
|
||
|
|
var columns = columnsArray[k];
|
||
|
|
html.push('<tr>');
|
||
|
|
for (var h = 0; h < columns.length; h++) {
|
||
|
|
if (!columns[h].printIgnore) {
|
||
|
|
html.push('<th', sprintf(' rowspan="%s"', columns[h].rowspan), sprintf(' colspan="%s"', columns[h].colspan), sprintf('>%s</th>', columns[h].title));
|
||
|
|
}
|
||
|
|
}
|
||
|
|
html.push('</tr>');
|
||
|
|
}
|
||
|
|
html.push('</thead><tbody>');
|
||
|
|
for (var i = 0; i < data.length; i++) {
|
||
|
|
html.push('<tr>');
|
||
|
|
for (var l = 0; l < columnsArray.length; l++) {
|
||
|
|
var columns = columnsArray[l];
|
||
|
|
for (var j = 0; j < columns.length; j++) {
|
||
|
|
if (!columns[j].printIgnore && columns[j].field) {
|
||
|
|
html.push('<td>', formatValue(data[i], i, columns[j]), '</td>');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
html.push('</tr>');
|
||
|
|
}
|
||
|
|
html.push('</tbody></table>');
|
||
|
|
return html.join('');
|
||
|
|
}
|
||
|
|
function sortRows(data, colName, sortOrder) {
|
||
|
|
if (!colName) {
|
||
|
|
return data;
|
||
|
|
}
|
||
|
|
var reverse = sortOrder != 'asc';
|
||
|
|
reverse = -(+reverse || -1);
|
||
|
|
return data.sort(function (a, b) {
|
||
|
|
return reverse * a[colName].localeCompare(b[colName]);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
function filterRow(row, filters) {
|
||
|
|
for (var index = 0; index < filters.length; ++index) {
|
||
|
|
if (row[filters[index].colName] != filters[index].value) {
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return true;
|
||
|
|
}
|
||
|
|
function filterRows(data, filters) {
|
||
|
|
return data.filter(function (row) {
|
||
|
|
return filterRow(row, filters);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
function getColumnFilters(columns) {
|
||
|
|
return !columns || !columns[0] ? [] : columns[0].filter(function (col) {
|
||
|
|
return col.printFilter;
|
||
|
|
}).map(function (col) {
|
||
|
|
return { colName: col.field, value: col.printFilter };
|
||
|
|
});
|
||
|
|
}
|
||
|
|
var doPrint = function doPrint(data) {
|
||
|
|
data = filterRows(data, getColumnFilters(that.options.columns));
|
||
|
|
data = sortRows(data, that.options.printSortColumn, that.options.printSortOrder);
|
||
|
|
var table = buildTable(data, that.options.columns);
|
||
|
|
var newWin = window.open("");
|
||
|
|
newWin.document.write(that.options.printPageBuilder.call(this, table));
|
||
|
|
newWin.print();
|
||
|
|
newWin.close();
|
||
|
|
};
|
||
|
|
doPrint(that.options.printAsFilteredAndSortedOnUI ? that.getData() : that.options.data.slice(0));
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
})(jQuery);
|
||
|
|
});
|