Kendo UI for jQuery数据管理使用教程：PivotGrid - Excel导出

AABBbaby

Kendo UI for jQuery R3 2020 SP2试用版下载

Kendo UI是带有jQuery、Angular、React和Vue库的JavaScript UI组件的最终集合，无论选择哪种JavaScript框架，都可以快速构建高性能响应式Web应用程序。通过可自定义的UI组件，Kendo UI可以创建数据丰富的桌面、平板和移动Web应用程序。通过响应式的布局、强大的数据绑定、跨浏览器兼容性和即时使用的主题，Kendo UI将开发时间加快了50%。

Excel导出

PivotGrid使您可以将其内容导出到Excel。

默认情况下，在页面上加载kendo.ooxml.min.js时，将启用Excel导出。 kendo.all.min.js和kendo.web.min.js中包含kendo.ooxml.min.js。

要使用代码启动Excel导出，请调用saveAsExcel方法。

有关更多信息，请参考以下资源：

• Configuring the export to Excel
• Exporting the PivotGrid to Excel (demo)
  

导出内容

默认情况下，PivotGrid导出具有应用的排序和筛选功能的当前数据，PivotGrid不会在Excel文件中导出当前的CSS主题。

在导出到Excel的过程中，不使用dataCellTemplate，columnHeaderTemplate和rowHeaderTemplate选项。

自定义外观

excelExport允许自定义生成的Excel文档，workbook事件参数公开了生成的Excel工作簿配置。

使用模板

PivotGrid在Excel导出期间不使用dataCellTemplate，columnHeaderTemplate和rowHeaderTemplate，而仅导出其数据，因为模板可能包含无法转换为Excel列值的任意HTML。

故障排除

引发"JSZip Is Not Found" JavaScript错误

如果未找到JSZip JavaScript库，则单击Export to Excel按钮或调用saveAsExcel时会引发异常。要变通解决此问题，请在页面中包含JSZip。

Excel Export在Internet Explorer和Safari中不起作用

Internet Explorer 10及更早版本和Safari不支持文件保存，这些浏览器需要实现服务器代理。要指定服务器代理的URL，请设置proxyURL选项。

[HTML] 纯文本查看 复制代码

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
toolbar: ["excel"],
excel: {
fileName: "Kendo UI Grid Export.xlsx",
proxyURL: "/proxy"
},
dataSource: {
type: "odata",
transport: {
read: "https://demos.telerik.com/kendo-ui/service/Northwind.svc/Products"
},
pageSize: 7
},
sortable: true,
pageable: true,
columns: [
{ width: 300, field: "ProductName", title: "Product Name" },
{ field: "UnitsOnOrder", title: "Units On Order" },
{ field: "UnitsInStock", title: "Units In Stock" }
]
});
</script>

---

了解最新Kendo UI最新资讯，请关注Telerik中文网！