zoukankan      html  css  js  c++  java
  • 透视网格的数据如何导出Excel?一招教你搞定

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

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

  • 相关阅读:
    SpringBoot实现原理
    常见Http状态码大全
    forward(转发)和redirect(重定向)有什么区别
    1094. Car Pooling (M)
    0980. Unique Paths III (H)
    1291. Sequential Digits (M)
    0121. Best Time to Buy and Sell Stock (E)
    1041. Robot Bounded In Circle (M)
    0421. Maximum XOR of Two Numbers in an Array (M)
    0216. Combination Sum III (M)
  • 原文地址:https://www.cnblogs.com/AABBbaby/p/14301278.html
Copyright © 2011-2022 走看看