Kendo UI for jQuery数据管理使用教程:导出故障排除

Kendo UI for jQuery R2 2020 SP1试用版下载

Kendo UI目前最新提供Kendo UI for jQuery、Kendo UI for Angular、Kendo UI Support for React和Kendo UI Support for Vue四个控件。Kendo UI for jQuery是创建现代Web应用程序的最完整UI库。

导出故障排除

本文提供将网格内容导出到Excel时可能遇到的问题的解决方案。

引发未找到JSZip的JavaScript错误

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

Excel导出在Internet Explorer和Safari中不起作用

Internet Explorer 9和Safari不支持用于保存文件的选项,并且需要实现服务器代理。 要变通解决此问题,设置proxyURL选项来指定服务器代理URL。

<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/2.4.0/jszip.min.js"></script>

<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: [
{  300, field: "ProductName", title: "Product Name" },
{ field: "UnitsOnOrder", title: "Units On Order" },
{ field: "UnitsInStock", title: "Units In Stock" }
]
});
</script>

了解最新Kendo UI最新资讯,请关注Telerik中文网!

慧都高端UI界面开发
原文地址:https://www.cnblogs.com/AABBbaby/p/13468169.html