Kendo UI ：Excel导出

最新推荐文章于 2023-07-13 17:31:11 发布

菜鸟界的菜鸟

最新推荐文章于 2023-07-13 17:31:11 发布

阅读量1k

点赞数

分类专栏： Kendo UI 文章标签： jquery

本文链接：https://blog.csdn.net/baiduwenku112/article/details/110009179

版权

本文介绍了如何使用Kendo UI的Grid组件实现带分页的数据导出到Excel，并详细说明了如何设置导出时包含所有页面的数据以及如何自定义导出文件的名称。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

【官网Demo】

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link rel="stylesheet" href="styles/kendo.common.min.css" />
    <link rel="stylesheet" href="styles/kendo.default.min.css" />
    <link rel="stylesheet" href="styles/kendo.default.mobile.min.css" />

    <script src="js/jquery.min.js"></script>
    
    <script src="js/jszip.min.js"></script>
    
    <script src="js/kendo.all.min.js"></script>
    
    

</head>
<body>
    <div id="example">
    <div id="grid"></div>
    <script>
        $("#grid").kendoGrid({
            toolbar: ["excel"],
            excel: {
                fileName: "Kendo UI Grid Export.xlsx",
                proxyURL: "https://demos.telerik.com/kendo-ui/service/export",
                filterable: true
            },
            dataSource: {
                type: "odata",
                transport: {
                    read: "https://demos.telerik.com/kendo-ui/service/Northwind.svc/Products"
                },
                schema:{
                    model: {
                        fields: {
                            UnitsInStock: { type: "number" },
                            ProductName: { type: "string" },
                            UnitPrice: { type: "number" },
                            UnitsOnOrder: { type: "number" },
                            UnitsInStock: { type: "number" }
                        }
                    }
                },
                pageSize: 7,
                group: {
                    field: "UnitsInStock", aggregates: [
                        { field: "ProductName", aggregate: "count" },
                        { field: "UnitPrice", aggregate: "sum"},
                        { field: "UnitsOnOrder", aggregate: "average" },
                        { field: "UnitsInStock", aggregate: "count" }
                    ]
                },
                aggregate: [
                    { field: "ProductName", aggregate: "count" },
                    { field: "UnitPrice", aggregate: "sum" },
                    { field: "

最低0.47元/天解锁文章