以剑道网格打印所有页面
我正在尝试打印剑道网格的所有页面我搜索了很多我使用了这个链接http://docs.telerik.com/KENDO-UI/controls/data-management/grid/walkthrough#printing
注意：链接名称仍然显示为链接，用户可以在打印页面中按它。
我试图使用这个代码来加载所有页面，但它是不工作的，因为它显示打印页面，然后加载网格与所有页面项
var dataSource = gridElement.data("kendoGrid").dataSource;
dataSource.pageSize(dataSource.total());
我想以友好的布局打印网格的所有页面，比如一个导出网格到pdf，它导出友好的网格来打印
编辑1
这是我打印所有网格页面的脚本，但它不起作用
$('#printGrid').click(function () {
printGrid();
});
function printGrid() {
var gridElement = $('#PageGrid'),
printableContent = '',
win = window.open('', '', 'width=800, height=500');
var dataSource = gridElement.data("kendoGrid").dataSource;
dataSource.pageSize(dataSource.total());
var htmlStart =
'<!DOCTYPE html>' +
'<html>' +
'<head>' +
'<link href="http://kendo.cdn.telerik.com/' + kendo.version + '/styles/kendo.common.min.css" rel="stylesheet" /> ' +
'<meta charset="utf-8" />' +
'<title>@GlobalResources.Print</title>' +
'<style>' +
'html { font: 11pt sans-serif; }' +
'.k-grid { border-top-width: 0; }' +
'.k-grid, .k-grid-content { height: auto !important; }' +
'.k-grid-content { overflow: visible !important; }' +
'div.k-grid table { table-layout: auto; width: 100% !important; }' +
'.k-grid .k-grid-header th { border-top: 1px solid; }' +
'.k-grid-toolbar, .k-grid-pager > .k-link { display: none; }' +
'</style>' +
'</head>' +
'<body>';
var htmlEnd =
'</body>' +
'</html>';
var gridHeader = gridElement.children('.k-grid-header');
if (gridHeader[0]) {
var thead = gridHeader.find('thead').clone().addClass('k-grid-header');
printableContent = gridElement
.clone()
.children('.k-grid-header').remove()
.end()
.children('.k-grid-content')
.find('table')
.first()
.children('tbody').before(thead)
.end()
.end()
.end()
.end()[0].outerHTML;
} else {
printableContent = gridElement.clone()[0].outerHTML;
}
doc = win.document.open();
doc.write(htmlStart + printableContent + htmlEnd);
doc.close();
win.print();
}
共有1个答案
var gridElement = $('#PopUpGrid'),
printableContent = '',
win = window.open('', '', 'width=800, height=500, resizable=1, scrollbars=1'),
doc = win.document.open();
var htmlStart =
'<!DOCTYPE html>' +
'<html>' +
'<head>' +
'<meta charset="utf-8" />' +
'<title>Kendo UI Grid</title>' +
'<link href="http://kendo.cdn.telerik.com/' + kendo.version + '/styles/kendo.common.min.css" rel="stylesheet" /> ' +
'</head>' +
'<body>';
var htmlEnd =
'</body>' +
'</html>';
var gridHeader = gridElement.children('.k-grid-header');
if (gridHeader[0]) {
var thead = gridHeader.find('thead').clone().addClass('k-grid-header');
printableContent = gridElement
.clone()
.children('.k-grid-header').remove()
.end()
.children('.k-grid-content')
.find('table')
.first()
.children('tbody').before(thead)
.end()
.end()
.end()
.end()[0].innerHTML;
} else {
printableContent = gridElement.clone()[0].innerHTML;
}
doc.write(htmlStart + printableContent + htmlEnd);
doc.close();
win.print();
}
我希望你觉得它有用。请随意评论我的错误，谢谢。
-
我对某些字段的验证有问题。我只想验证几个字段，其他字段不应该验证。在我的Email字段中，我启动了一个函数来检查格式是否正确，但其他字段只是设置为验证。任何帮助都将不胜感激。 使用此代码，在尝试保存/更新时将验证所有字段。我不想验证分机或电话号码。
-
我无法编辑剑道网格内联和弹出两者。单击“保存”按钮时，我的操作方法无法获取当前编辑单元格的值。 控制器代码： 在控制器中，我只得到空值。请帮帮我，我想使用剑道mvvm教学。
-
如何使用Javascript重新加载或刷新剑道网格？ 通常需要在某个时间或用户操作之后重新加载或刷新网格。
-
我在剑道格子里有一个剑道组合框。我使用MVVM绑定将组合框绑定到列表中的项目。问题是，当我从combobox下拉列表中选择一个项目时，一切正常，但当我手动在combobox中键入某个内容时，该值不会保存。。。以下是我的网格和组合框代码： 网格： 数据来源： 组合框：
-
在我的剑道网格中，我为每一列都有kenddropDownlist。选定的项目应解析并显示模板文本 我一直在遵循这个例子http://jsfiddle.net/jddevight/Ms3nn/ 使现代化 我在这里简化了我的问题http://jsfiddle.net/BlowMan/mf434/ 问题 当我在下拉列表中选择一个项目时，它不会返回所选项目的值。它返回null。 }）； 下面的视图部分 任
-
有没有一种方法可以在不刷新整个数据源或使用jQuery为每个单元格设置值的情况下刷新单个剑道网格行？