当前位置: 首页 > 使用教程

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

发布时间:2021-01-19

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方法。

有关更多信息,请参考以下资源:

导出内容

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

在导出到Excel的过程中,不使用dataCellTemplatecolumnHeaderTemplaterowHeaderTemplate选项。

自定义外观

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选项。

<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中文网!

慧都高端UI界面开发
扫码咨询
电话咨询
023-68661681
返回
顶部