kendo-ui - 将 Kendo UI 网格导出中的所有数据复制到 Excel

Question

我有一个带有 Excel、PDF 内置工具栏模板的 KendoUi 网格，我正在为每个页面请求使用 ajax 请求填充 kendoGrid 我正在对服务器进行 ajax 调用并将数据绑定(bind)到我的 grid.y 因为我的网格有 100,000 条记录(以提高性能)。因此，当我使用所有页面是 true 属性时，它不会导出所有记录。

  var grid = $('#NewLeadsGrid').data("kendoGrid")

    var newdataSource = new kendo.data.DataSource({

        transport: {
            read: function (options) {
                $.ajax({

                    url: '/Reports/NewLeadsList',

                    contentType: "application/json; charset=utf-8",

                    dataType : "json",

                    data: JSON.stringify({
                        LifecycleStage: selfNewLeads.LifecycleStage(),
                        ShowTop: $('#NewLeadsGrid').data("kendoGrid").dataSource.pageSize(), 
                         Filters: selfNewLeads.Filters(),
                         CustomStartDate: selfNewLeads.CustomStartDate(),

                         CustomEndDate: selfNewLeads.CustomEndDate(),
                        PageNumber: $('#NewLeadsGrid').data("kendoGrid").dataSource.page(),
                        CustomPredicateScript: selfNewLeads.CustomPredicateScript()
                      }),
                    type: 'post',
                    success: function (result) {

                       options.success(result);

                    }


                });
            },


        },
        schema: {
            data: "Data",
            total: "Total"
        },

        serverPaging: true,

        pageSize: 10

    });

    grid.setDataSource(newdataSource);

    grid.dataSource.fetch();

Answer 1

如果我理解正确的话，您想要导出所有数据，包括分页数据。这可以使用 allPages 来实现excel声明中的配置。当您单击“导出到 Excel”按钮时，将从后端读取所有数据。大数据集可能会对页面性能产生重大影响。

<div id="grid"></div>
<script>
    $("#grid").kendoGrid({
        toolbar: ["excel"],
            excel: {
                allPages: true
        },
        dataSource: {
            transport: {
                read: {
                    url: "http://demos.telerik.com/kendo-ui/service/products",
                    dataType: "jsonp"
                }
            },
            pageSize: 10
        },
        pageable: true
    });
</script>