彩票走势图

jQuery UI组件库Kendo UI for jQuery数据管理使用教程:PivotGrid - Excel导出

翻译|使用教程|编辑:龚雪|2021-01-19 09:44:25.480|阅读 148 次

概述:Kendo UI是带有jQuery、Angular、React和Vue库的JavaScript UI组件的最终集合,本文将为大家介绍Kendo UI for jQuery的透视网格如何导出Excel。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:

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导出,请调用方法。

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

导出内容

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

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

自定义外观

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: "//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>


慧都高端UI界面开发

标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn

文章转载自:慧都网

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP