以PDF格式导出多个Kendo网格
Kendo网格是一种基于JavaScript的UI组件，用于在Web应用程序中展示和编辑大量数据。它提供了丰富的功能和灵活的配置选项，使开发人员能够轻松地创建交互式和可定制的数据表格。
Kendo网格的主要特点包括：
- 数据展示和编辑：Kendo网格可以展示来自各种数据源的数据，并支持对数据进行排序、筛选、分页和分组。它还提供了内置的编辑功能，允许用户直接在网格中进行数据的添加、修改和删除。
- 自定义模板：开发人员可以使用Kendo网格的模板功能，自定义数据的展示方式。通过模板，可以自定义每个单元格的内容、样式和布局，以满足特定的需求。
- 导出功能：Kendo网格提供了导出数据的功能，可以将网格中的数据以PDF格式导出。这对于需要将数据以可打印的格式分享或存档非常有用。
- 响应式设计：Kendo网格支持响应式设计，可以自动适应不同的屏幕尺寸和设备类型。这使得在不同的设备上都能够提供良好的用户体验。
- 客户端和服务器端操作：Kendo网格可以在客户端和服务器端之间进行数据操作。它提供了丰富的API和事件，使开发人员能够在不同的操作中进行数据的处理和验证。
Kendo UI是一套由Telerik开发的商业级UI组件库，其中包括了Kendo网格。作为腾讯云的用户，您可以使用腾讯云的Serverless Framework（SCF）来部署和管理您的应用程序。SCF是一种无服务器计算服务，可以帮助您快速构建和部署云原生应用程序。
腾讯云的相关产品和服务链接如下：
- 腾讯云Serverless Framework（SCF）：https://cloud.tencent.com/product/scf
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发（移动推送、移动分析等）：https://cloud.tencent.com/product/mobile
请注意，以上链接仅供参考，具体的产品和服务选择应根据您的实际需求和情况进行决策。
相关·内容
我之前已经看到这个问题在Angular 2中被问了几次，但是我没有看到一个问题特别问到Angular 6或7。
我有一个页面的多个网格，我试图导出为一个excel文件。即使是多个工作表。
<!-- Section header 1 -->
<kendo-grid [data]="data.something" scrollable="none">
<kendo-grid-column field="item"></kendo-grid-column>
<kendo-grid-colum
浏览 0提问于2018-12-08得票数 0
我正在尝试排除最后一列，同时导出网格到pdf。
这是我的pdf导出组件，我在不同的组件中使用它。
这个app kendo pdf组件
<kendo-grid-pdf fileName="{{pdfname}}" [allPages]="true" paperSize="A4" [repeatHeaders]="true" [landscape]="true" >
<kendo-grid-pdf-margin top="2cm" left="1cm" right=
浏览 66提问于2018-12-23得票数 0
我正在尝试使用kendo导出一个页面到pdf，它有几个网格。当网格包含一些记录时，所有的工作都很好。当网格包含更多数据(即可滚动数据)时，问题就出现了。现在，当我导出pdf时，网格只显示当前视图中的数据。网格中的整个数据都不会显示。我如何才能做到这一点呢？
我已经修改了我在论坛中找到的一个dojo示例，以演示该问题。
提前谢谢。
浏览 1提问于2016-12-19得票数 0
我有25列在剑道网格，并希望所有的列被导出为pdf。但它只导出8到10列，而不是所有列。
这是我的代码，
pdf = {
fileName: "My Document.pdf",
paperSize: "A4",
allPages: true,
landscape: true,
scale: 0.5
};
这里有没有我遗漏的东西？我该怎么做。
还有一个问题，如果我导出到100条记录，它可以顺利地导出到pdf，如果超过它，这是需要时间的。
我的其中一个
浏览 1提问于2018-09-06得票数 1
1回答
我试图用Kendo角PDF导出整个页面，这很好，除非我在页面上添加了一个Kendo角网格。我看到一些问题，其中的行丢失了，有些页面上还有额外的空白处。
这是一个有行为的示例。注意到它在第一页和第二页之间从id 11跳到19，并且页面底部有很大的空白。
问题的一部分似乎是，在应用了k导出样式之后，它会根据当前的DOM选择在什么地方分页，而不是复制的DOM。有人想办法解决这个问题吗？
浏览 0提问于2018-10-22得票数 0
回答已采纳
我正在使用KendoUi网格的内置功能在pdf http://demos.telerik.com/kendo-ui/grid/pdf-export中导出网格数据。当数据语言为英语时，它可以正常工作。但是当数据语言是从右到左时，例如波斯语或阿拉伯语，在pdf导出中，字母会分开显示，反之亦然。例如，显示"مان“而不是"نام”。怎么才能解决这个问题。我的代码： @(Html.Kendo().Grid<MyModel>()
.Name("GridName")
.ToolBar(toolbar =>
{
浏览 15提问于2020-09-08得票数 2
我想使用React在我的应用程序中创建一个kendo网格，并成功地启用了排序、过滤、分页等功能，就像中给出的那样。
我想要的是向网格中的每一行添加一个按钮，比如Export 。在单击该按钮时，它只应将该特定行导出为PDF。这个功能有可能吗？到目前为止，我所看到的只是将所有的项目输出到PDF中。帮帮忙吧。
浏览 0提问于2020-12-01得票数 1
回答已采纳
1回答
对于导出Xlsx和Pdf格式的Kendo Grid数据，有现成的支持，我正在寻找类似于导出Csv格式的东西。
我尝试了在：中描述的服务器导出，它只将可见的行发送到操作；未经过滤的网格有超过250 k的条目。我要寻找的输出是这个表中的数据，并应用了过滤器。我可以按照填充网格的方式再次获取数据，并过滤数据服务器端，但是如何将所选的过滤器传递给操作呢？
似乎有许多可能的解决方案，但我希望能节省时间，走上死胡同。Kendo的文档通常很好，但我很难找到这个文档所需要的东西。
浏览 0提问于2018-04-03得票数 0
回答已采纳
我正在用MATLAB做一个冲浪图，这是一个MWE：
[xx,yy] = meshgrid(-1:0.025:1,-1:0.025:1);
tst = sin(xx.*yy);
surf(ones(size(xx)), yy, xx, tst(1:end, 1:end), 'EdgeColor', 'none')
我想将其输出为我使用export_fig的矢量化的PDF。
export_fig( 'asd.pdf', '-q100', '-m3')
但是，这会在背景中生成一个白色网格的PDF，它在以
浏览 2提问于2017-04-25得票数 0
1回答
我试图使用‘导出PDF’功能的一个KendoUI网格。下面是我的网格配置中的代码：
pdf: {
allPages: true,
fileName: "feesandcosts.pdf",
proxyURL: "http://demos.telerik.com/kendo-ui/service/export"
},
当我点击‘导出PDF’按钮，网格灰色和禁用。当我试图通过在浏览器中直接导航到URL来测试URL时，它似乎是
浏览 1提问于2015-08-28得票数 0
1回答
我正在使用Kendo内置的功能来导出pdf和excel 中的网格数据。对我来说很好。我想要自定义导出的数据，即添加一些额外的列并删除一些网格的列。是否有任何方法可以使用模板或其他特性自定义导出数据。
提前谢谢。
浏览 2提问于2015-01-21得票数 3
我正在使用Kendo网格为一个网络应用程序。但我不认为这对这个问题很重要。网格允许将内容导出到PDF中。在导出到PDF之前，可以先将事件设置为触发。我已经这样做了，触发的JavaScript事件函数如下所示：
function onPdfExport(e) {
alertify.prompt('Jeffreys', 'Enter text for the header (title) of the PDF document', '',
function (evt, value) {
pdfHeade
浏览 3提问于2017-04-08得票数 0
回答已采纳
我正在尝试创建一个剑道网格与excel导出。我的数据按照我想要的那样精确地显示出来，网格工作得很好。但是，saveAsExcel函数会触发excelExport事件，但不会创建任何文件。pdf导出也有同样的问题。下面是我的网格选项：
grid = $("#grid").kendoGrid({
toolbar:["excel","pdf"],
height: 500,
scrollable: true,
groupable: true,
sortable: true,
浏览 1提问于2016-02-05得票数 8
我使用的是kendo v2016.3.914，我有一个网格，它有一个单独的分组，显示了10个父行，所有子行都折叠了。当我的用户单击“导出到excel”按钮时，只会导出父行。因此，在我的Javascript中，我添加了pdfExport方法，当用户单击“导出到pdf”按钮时，它会展开所有行(我看到这是通过使用F12开发人员工具实现的)，但导出仍然只导出顶层组。
我要怎么做才能让'Export to PDF‘导出所有行？
浏览 0提问于2017-03-22得票数 0
我的应用程序中的KendoUI网格代码是声明式的，如下所示：
<kendo-grid id="myGrid" options="mainGridOptions">
<kendoGridToolbarTemplate>
<button kendoGridExcelCommand>Export to Excel</button>
<kendo-grid-excel fileName="GridData.xlsx">
&l
浏览 0提问于2018-06-25得票数 0
回答已采纳
当我们尝试从Kendo UI grid for Angular导出网格数据时，其中一个网格列(Date列)没有格式化实际的日期值。这是我的代码。
<kendo-excelexport [data]="products" [group]="group" fileName="products.xlsx" [headerPaddingCellOptions]="headerPaddingCells" #excelexport>
<kendo-excelexport-column field="dateo
浏览 0提问于2017-11-14得票数 6
1回答
如何创建带导出的剑道网格:我有带列的剑道网格。列有模板。当我将网格导出到excel文件时，使用模板的列不会显示
<kendo-grid [data]="dataSource"
[sortable]="true"
[pageable]="false"
[filterable]="false"
[selectable]="false">
<ng-template kendoGridToolbarTemp
浏览 1提问于2018-09-21得票数 0
回答已采纳
1回答
有没有办法在不使用itextsharp ?的情况下从网格视图导入pdf格式的数据？
我热衷于寻找一个代码，将导出所有数据的网格视图到pdf没有任何第三方dll。
浏览 2提问于2014-01-15得票数 0
回答已采纳
1回答
在mvc应用程序中，我在.cshtml页面中使用.cshtml。我想以pdf的形式导出网格的内容。
我尝试了以下方法：
1)
.ToolBar(tools => tools.Pdf())
.Pdf(pdf => pdf
.AllPages()
.PaperSize("A4")
.Margin("2cm", "1cm", "1cm", "1cm")
.Landscape()
浏览 3提问于2020-10-08得票数 1
回答已采纳
1回答
我想在单个PDF文件中导出多个剑道网格。我有在PDF文件中导出2网格的代码。但我想导出四个网格，我如何实现这一点。请帮帮我！ $('#export').on('click', function()
{
var grid1 = $('#innerGrid').data('kendoGrid');
var grid2 = $('#developeesGrid').data('kendoGrid');
var grid3 = $('#innerdeveloperGrid&
浏览 11提问于2019-05-19得票数 0
回答已采纳
我想使用javascript将我的html页面导出为受密码保护的pdf。 我有一个使用kendo pdf导出html为pdf的JS代码，但我想使用JS将html页面导出为加密的pdf。 function Exportnote(){
var invno = "<?php echo $key->invoice_id.'-'.$key->invoice_series; ?>";
kendo.drawing
.drawDOM("#notefile",
{
paperSize: "
浏览 41提问于2019-01-29得票数 0
我有一个剑道的工作PDF出口。现在，我想向每个导出的页面添加一个标题(例如，客户名称和编号)。我试着像提供的演示那样做，但没有看到文本或分页器。但是，它确实为文档添加了页边距。
模板：
<script id="page-template-pdf" type="x/kendo-template">
<div class="page-template-pdf">
<div class="header-pdf">
Customer: {{cust.id}}
</d
浏览 0提问于2016-11-21得票数 0
1回答
我正在测试网格，并尝试将其导出为PDF和XLS。对于Excel，它几乎是直接的，但当我尝试遵循上的步骤时，它不起作用。当我单击导出按钮时，进度条加载，当它完成时没有发生任何事情，该操作永远不会被执行。
这是我的观点：
@model IEnumerable<ViewModels.TestViewModel>
@{
ViewBag.Title = "Tests KendoUI";
}
<script src="~/Scripts/lib/jszip.min.js" type="text/javascript">&l
浏览 3提问于2016-02-23得票数 1
1回答
我有一个MVC Kendo Grid绑定到一个工作的数据源，但是当我尝试使用内置的导出到excel功能时，它下载了一个日期不正确的文件。网格显示为'Date Created‘18/08/2015，但在excel工作表上显示为07/07/1905。
我已经在下面添加了我的网格代码。
Html.Kendo().Grid(Of ******)()
.Name("grid")
.Columns(Sub(columns)
columns.Bound(Function(c) c.ReferenceID).Width(50)
浏览 1提问于2015-08-27得票数 0
3回答
从Kendo网格导出中删除超链接
、、、、
有人知道如何删除从Kendo网格导出到PDF和Excel功能的文件中的超链接吗？
我已经定制了相当数量的出口，并删除寻呼机条等，使用CSS。
但是，我无法解决如何阻止列标题成为超链接。
我试过设置
pointer-events: none;
cursor: default;
但是这没有帮助，我试图避免在可能的情况下使用javascript删除它。
更新请参阅下面编辑的网格代码版本。
@(Html.Kendo().Grid<MvcProject.Domain.DTO.Reports.AccidentSummary>()
.Name(
浏览 3提问于2015-09-09得票数 1
1回答
我是导出一个html到pdf使用Kendo和我面临的问题是html内容被削减奇怪的pdf。你可以在上试试
下面是内容缩短的页面，效果很好。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled</title>
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.2.714/styles/kendo.com
浏览 1提问于2016-08-24得票数 0
Image shows how grid looks like 我已经使用kendo实现了一个angular UI。它包含一个嵌套的网格。我只想在子网格中应用css。但是当我要写css的时候，它也被应用到了父网格中。如何做到这点。 像这样的网格结构： Row 1
row 1
row 2
Row 2
row 1
Row 3
row 1 我已经试过了 ::ng-deep .k-grid td {
padding: 8px !important;
} HTML： <div class="monitorGrid container-fluid pt-
浏览 16提问于2019-08-26得票数 0
回答已采纳
1回答
我是教自己为剑道网格，无法找到例子或演示导出pdf和excel到不同的目录，然后下载文件夹。当前，当我按下“导出到excel”和“导出到pdf”的按钮时，我的代码会自动下载导出的文件到“下载”文件夹。
我尝试过"saveAs()“，但这不是我想要的函数。这是我的密码。
toolbar: ["create", "excel", "pdf"],
excel: {
fileName: "Kendo UI Grid Export.xls
浏览 4提问于2019-09-19得票数 1
回答已采纳
我有一个KendoUi网格与excel，PDF内置的工具栏模板，我填充的kendoGrid与ajax的请求，我正在做的ajax调用服务器和绑定数据到我的网格。y因为我的网格有100,000条记录(以提高性能).so当我使用所有的页面是真的属性它不会导出所有记录。
var grid = $('#NewLeadsGrid').data("kendoGrid")
var newdataSource = new kendo.data.DataSource({
transport: {
read: function
浏览 0提问于2014-11-29得票数 4
1回答
我正试图在我的项目中添加两个功能。一个是将网格数据作为其视图导出到excel (我使用的是、kendo网格，网格数据已经从UI端格式化)，第二个是用网格行打印网格数据。我两者都加了，但我有两个问题。1.导出为excel格式的数字。我用了这个例子
alasql('SELECT x [No.],Type,Amount INTO XLSX("Type.xlsx",{headers:true}) FROM ?',[ $scope.data.Data]);
};
$scope.data.Data是api的结果。所以它包含了实际的数据。但是在我的网格
浏览 6提问于2015-03-25得票数 0
回答已采纳
1回答
根据文档，这就是我到目前为止所尝试的： <kendo-grid-pdf fileName="{{lbl_FundsGridPdfFile}}" [allPages]="true" paperSize="A4" [repeatHeaders]="true" [landscape]="true">
<kendo-grid-pdf-margin top="2cm" left="1cm" right="1cm" bottom=
浏览 46提问于2019-10-10得票数 0
1回答
如何将Kendo细节网格导出到Excel?当为我的项目应用Telerik Kendo UI文档和API引用的代码不正确时
浏览 4提问于2015-03-24得票数 1
当导出到excel时，如何建立带有MVC扩展的kendo网格而不做额外的请求？
这是网格定义。问题是单击“导出到excel”按钮时，网格向服务器发出附加请求，需要在没有请求的情况下导出显示的数据。
@(Html.Kendo()
.Grid<VmTaskItem>()
.Name("kTasks")
.Columns(c => {
c.Bound(m => m.TaskType).Title().Width(150);
})
.ToolBar(tb => tb.Excel())
.Exc
浏览 1提问于2017-11-23得票数 0
回答已采纳
我想用下面的代码在excel中导出数据。
<kendo-excelexport [data]="excelData" [group]="groups" [filterable]="true" fileName="exceldata.xlsx" #excelexport>
<kendo-excelexport-column title="title">
<ng-template kendoExcelExportCellTemplate let-dataItem&g
浏览 0提问于2017-12-20得票数 2
1回答
我有一个kendo用户界面网格与asp web api作为后端。当我在kendo ui中调用create方法时，它在web api中调用以下方法
public IHttpActionResult PostProduct(ProductDTO product)
{
...
...
return StatusCode(HttpStatusCode.NoContent);
}
现在，如果我尝试编辑Kendo Ui Grid中的项目，则会再次调用create方法，而不是update方法。如果我重新加载页面(因此被称为kendo ui网格的read方法)，update方法就可以工
浏览 0提问于2014-06-11得票数 1
我有一个特殊的场景，可以在Kendo-UI MVC网格上实现excel导出功能。
场景:我想要将Kendo MVC网格导出到excel工作表中，但是当单击位于网格之外的按钮时，我不想显示或使用Kendo提供的默认的export to excel按钮，而是希望使用另一个html输入按钮。有没有人能帮我这个忙？任何帮助都将不胜感激。
浏览 4提问于2015-07-14得票数 0
使用ajax，我在日期列中绑定kendo网格，它返回kendo网格，返回/Date(1403789061723)/其他字段正在绑定properly.In，正常绑定的情况下，它的工作perfectly.is有任何修复方法...............................................................................................................................................................................................
浏览 2提问于2014-07-03得票数 0
回答已采纳
2回答
我使用的是kendo版本，我正在尝试从ApiController中填充一个kendo网格。我的网格仍然是空的..。我错过了什么？
以下是我的ApiController：~/api/Countries的结果：
[{"Id":4,"Name":"Germany"},
{"Id":5,"Name":"China"},
{"Id":6,"Name":"Myanmar"}]
以下是我的ApiController代码：
public class Countri
浏览 4提问于2014-06-13得票数 0
回答已采纳
如何在Kendo网格上转换有关以下方面的值：
简单的转换，如:kendo网格-列field=“值\大写”不起作用
翻译/国际化-同样，kendo-网格-列field=“值\转换”不工作
将类型从整数更改为字符串，这样整数就可以使用kendo网格字符串筛选单元格进行过滤，从而允许像“包含”、“启动”这样的搜索操作。
浏览 0提问于2017-07-07得票数 4
我有一个网格，我的数据包含数值属性值的3位小数。我想导出的网格，仍然有小数格式到2位。但这不会发生的。它在网格中显示两个小数位，但当我单击导出时，它将成为excel文件中的3个小数位。使用“{0:n2}”的原因)，以便在使用其他区域性时，它将相应地显示。做这件事最好的方法是什么？
@(Html.Kendo().Grid<Box>()
.Name("gridKendo")
.Columns(columns =>
{
columns.Bound(l => l.Name).Locked(t
浏览 2提问于2015-10-23得票数 0
回答已采纳
1回答
我正在尝试建立一个简单的Kendo网格，并允许用户将其导出为PDF。我有格式化的列(日期和数字)，并且在导出PDF时隐藏命令按钮。
当我试图导出到PDF时，操作是成功的，但是PDF本身被破坏了。在Acrobat中，它说它不能打开文件，使用FireFox的PDF查看器，它说“这个PDF文档可能不能正确显示”，我使用IE的PDF查看器得到了一个类似的错误。它看起来像呈现列标题，但是没有一个行这样做。
奇怪的是，工作得很好，只是导出到PDF。
以下是代码：
<!DOCTYPE html>
<html>
<head>
<meta charset=&
浏览 3提问于2020-05-09得票数 0
回答已采纳
我已经实现了将kendo网格提取为PDF文件的选项，我在kendo论坛上找到了以下解决方案：
http://demos.telerik.com/aspnet-mvc/grid/pdf-export
我遵循了我安装pako.min.js脚本的指令，并更新了kendo版本:我安装了 Q1 2015
即使当我从我的kendo网格中提取数据时，我也得到了一个仅包含第一个kendo页面数据的屏幕打印，还有我的kendo网格代码：
@(Html.Kendo().Grid<GesTim.WebApp.Areas.DataManagement.ViewModels.AgencyViewModels>
浏览 9提问于2015-04-13得票数 1
回答已采纳
1回答
如何用KendoUI将DOM和网格绘制成一个DOM？
例如:我的网格有摘要标题，它是分离的DOM元素(.report- header )和表(.report- Kendo.Grid )。我想把它们画成一个PDF文件。现在我有这样的想法：
<div id="report">
<div class="report-header"></div>
<div class="report-table"></div>
</div>
kendo.drawing.drawDOM(&#
浏览 6提问于2016-05-25得票数 0
我正在使用Kendo和导出网格数据来excel，我知道这个过程，这对我来说很好。现在我希望excel文件名是"12-12-2014.xlsx“这样的日期，尽管我可以使用Javascript从下拉获取日期值，但是我不能将这个日期值发送到我的Kendo UI Grid。这是密码，有谁能帮我或其他建议吗？
<script type="text/javascript">
var selectedDate ="";
$("#startDate").change(function (e) {
selec
浏览 3提问于2015-05-19得票数 1
回答已采纳
1回答
当我在Kendo Grid外部按下导出到PDF的按钮时，我遇到了两个不同的问题(我们正在使用: kendo.web.min v2015.2.624和pako_deflate.min 2015.2.624在PDF中启用压缩-我们使用本地数据)
1-对于相同的数据集，将数据导出到PDF所需的时间几乎是导出excel的10倍。
2- Firefox向警告对话框显示脚本无响应。
谢谢
浏览 4提问于2015-08-24得票数 2
3回答
我遵循了关于导出Kendo Grid数据的教程：
现在我正在尝试导出所有数据(不仅仅是显示的页面) ...我该怎么做呢？
在获取数据之前，我尝试更改页面大小：
grid.dataSource.pageSize(grid.dataSource.total());
但是有了这个，我的实际网格就用新的pageSize刷新了。这是一种不用刷新网格就能查询kendo数据源的方法吗？
谢谢
浏览 2提问于2014-01-15得票数 5
回答已采纳
我试图将excel导出功能添加到Kendo UI angular 2网格中，但在angular 2应用程序加载时出现错误：
Can't bind to 'toolbar' since it isn't a known property of 'kendo-grid'.
下面是我使用的代码片段：
<kendo-grid [data]="gridView" [height]="700" [pageSize]="pageSize"
[toolbar]=
浏览 1提问于2016-12-01得票数 8
嗨，我正在使用jqgrid显示数据和导出数据到pdf和excel格式。我想添加标题在pdf和excel表中的每一页我附上了样本图像
我想添加月份，Head1，Head2，在pdf和excel中的每一页Head3。我在谷歌搜索，但我无法找到选项，以启用重复标题在pdf，excel使用jqgrid我正在使用以下选项导出pdf和excel
$("#export1").on("click", function(){
$("#year_wise_rep").jqGrid("exportToPdf"
浏览 7提问于2018-09-23得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
