web项目 打印Easyui表格
1HTML部分
<input type="button"class=“btn btn-primary” id=“dayin” value=“打印表格”>
//为了不显示出来
## 2JS部分 //绑定按钮单击事件 $("#dayin").on('click', function() { CreateFormPage("设备明细",$('#dg'),"设备明细"); //设置打印属性 $("#ele4").print({ portrait : false , //Use Global styles globalStyles : false, //Add link with attrbute media=print mediaPrint : false, //Custom stylesheet stylesheet : "${ctxStatic}/print/cs/style.css", //Print in a hidden iframe iframe : false, //Don't print this noPrintSelector : ".avoid-this", //Add this at top //prepend :'', //Add this on bottom //append : "
Buh Bye!", //Log to console when printing is done via a deffered callback deferred: $.Deferred().done(function() { console.log('Printing done', arguments); }) }); });
// strPrintName 打印任务名
// printDatagrid 要打印的datagrid
//title 表格标题
function CreateFormPage(strPrintName, printDatagrid,title) {
var tableString = ‘
tableString+="";
var frozenColumns = printDatagrid.datagrid(“options”).frozenColumns; // 得到frozenColumns对象
var columns = printDatagrid.datagrid(“options”).columns; // 得到columns对象
var nameList = ‘’;
// 载入title
if (typeof columns != 'undefined' && columns != '') {
$(columns).each(function (index) {
tableString += '\n<tr>';
if (typeof frozenColumns != 'undefined' && typeof frozenColumns[index] != 'undefined') {
for (var i = 0; i < frozenColumns[index].length; ++i) {
if (!frozenColumns[index][i].hidden) {
tableString += '\n<th width="' + frozenColumns[index][i].width + '" height="30;"';
if (typeof frozenColumns[index][i].rowspan != 'undefined' && frozenColumns[index][i].rowspan > 1) {
tableString += ' rowspan="' + frozenColumns[index][i].rowspan + '"';
}
if (typeof frozenColumns[index][i].colspan != 'undefined' && frozenColumns[index][i].colspan > 1) {
tableString += ' colspan="' + frozenColumns[index][i].colspan + '"';
}
if (typeof frozenColumns[index][i].field != 'undefined' && frozenColumns[index][i].field != '') {
nameList += ',{"f":"' + frozenColumns[index][i].field + '", "a":"' + frozenColumns[index][i].align + '"}';
}
tableString += '>' + frozenColumns[0][i].title + '</th>';
}
}
}
for (var i = 0; i < columns[index].length; ++i) {
if (!columns[index][i].hidden) {
tableString += '\n<th width="' + columns[index][i].width + ';" height="30;"';
if (typeof columns[index][i].rowspan != 'undefined' && columns[index][i].rowspan > 1) {
tableString += ' rowspan="' + columns[index][i].rowspan + '"';
}
if (typeof columns[index][i].colspan != 'undefined' && columns[index][i].colspan > 1) {
tableString += ' colspan="' + columns[index][i].colspan + '"';
}
if (typeof columns[index][i].field != 'undefined' && columns[index][i].field != '') {
nameList += ',{"f":"' + columns[index][i].field + '", "a":"' + columns[index][i].align + '"}';
}
tableString += '>' + columns[index][i].title + '</th>';
}
}
tableString += '\n</tr>';
});
}
// 载入内容
var rows = printDatagrid.datagrid("getRows"); // 这段代码是获取当前页的所有行
var nl = eval('([' + nameList.substring(1) + '])');
for (var i = 0; i < rows.length; ++i) {
tableString += '\n<tr>';
$(nl).each(function (j) {
var e = nl[j].f.lastIndexOf('_0');
tableString += '\n<td';
if (nl[j].a != 'undefined' && nl[j].a != '') {
tableString += ' style="text-align:' + nl[j].a + ';" height="30;"';
}
tableString += '>';
if (e + 2 == nl[j].f.length) {
tableString += rows[i][nl[j].f.substring(0, e)];
}
else{
if(rows[i][nl[j].f]==undefined){
tableString+="";
}else{
tableString += rows[i][nl[j].f];
}
}
tableString += '</td>';
});
tableString += '\n</tr>';
}
tableString += '\n</table>';
$('#ele4').html(tableString);
}