翻譯|使用教程|編輯:龔雪|2021-01-19 09:44:25.480|閱讀 215 次
概述:Kendo UI是帶有jQuery、Angular、React和Vue庫的JavaScript UI組件的最終集合,本文將為大家介紹Kendo UI for jQuery的透視網(wǎng)格如何導(dǎo)出Excel。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關(guān)鏈接:
Kendo UI for jQuery R3 2020 SP2試用版下載
Kendo UI是帶有jQuery、Angular、React和Vue庫的JavaScript UI組件的最終集合,無論選擇哪種JavaScript框架,都可以快速構(gòu)建高性能響應(yīng)式Web應(yīng)用程序。通過可自定義的UI組件,Kendo UI可以創(chuàng)建數(shù)據(jù)豐富的桌面、平板和移動Web應(yīng)用程序。通過響應(yīng)式的布局、強大的數(shù)據(jù)綁定、跨瀏覽器兼容性和即時使用的主題,Kendo UI將開發(fā)時間加快了50%。
PivotGrid使您可以將其內(nèi)容導(dǎo)出到Excel。
默認(rèn)情況下,在頁面上加載kendo.ooxml.min.js時,將啟用Excel導(dǎo)出。 kendo.all.min.js和kendo.web.min.js中包含kendo.ooxml.min.js。
要使用代碼啟動Excel導(dǎo)出,請調(diào)用方法。
有關(guān)更多信息,請參考以下資源:
默認(rèn)情況下,PivotGrid導(dǎo)出具有應(yīng)用的排序和篩選功能的當(dāng)前數(shù)據(jù),PivotGrid不會在Excel文件中導(dǎo)出當(dāng)前的CSS主題。
在導(dǎo)出到Excel的過程中,不使用,和選項。
excelExport允許自定義生成的Excel文檔,workbook事件參數(shù)公開了生成的Excel工作簿配置。
PivotGrid在Excel導(dǎo)出期間不使用dataCellTemplate,columnHeaderTemplate和rowHeaderTemplate,而僅導(dǎo)出其數(shù)據(jù),因為模板可能包含無法轉(zhuǎn)換為Excel列值的任意HTML。
引發(fā)"JSZip Is Not Found" JavaScript錯誤
如果未找到JSZip JavaScript庫,則單擊Export to Excel按鈕或調(diào)用saveAsExcel時會引發(fā)異常。要變通解決此問題,請在頁面中包含JSZip。
Excel Export在Internet Explorer和Safari中不起作用
Internet Explorer 10及更早版本和Safari不支持文件保存,這些瀏覽器需要實現(xiàn)服務(wù)器代理。要指定服務(wù)器代理的URL,請設(shè)置proxyURL選項。
<div id="grid"></div> <script> $("#grid").kendoGrid({ toolbar: ["excel"], excel: { fileName: "Kendo UI Grid Export.xlsx", proxyURL: "/proxy" }, dataSource: { type: "odata", transport: { read: "http://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>
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自:慧都網(wǎng)