直接从数据源导出到Excel,并对Kendo UI进行排序和分组

本文关键字:UI Kendo 排序 并对 数据源 Excel | 更新日期: 2023-09-27 18:22:08

我试图直接从数据源将数据导出到excel文件,我可以将其导出到excel,但问题是数据没有按照我希望的方式排序,也没有按照我想要的方式分组。

无论我做什么,输出都不是按照我希望的方式排序的,它和从数据源检索数据的方式一样。

示例输入数据:
|席琳|29|女性|
|Kian |25|男性|
|Juan |40|男|
|缎面|25|女性|
|Kulim|50|男性|
|Liz |15|女性|

excel中的示例输出:
|Liz |15|女性|
|缎面|25|女性|
|席琳|29|女性|
|Kian |25|男性|
|Juan |40|男|
|Kulim|50|男性|

以下是我使用的代码片段:

$(".export-excel").click(function () {
    var from = new Date($("input#startDate").val()), to = new Date($("input#endDate").val());
    var ds = new kendo.data.DataSource({
        type: "odata",
        transport: {
            read: {
                url: webApiUrl +
            "/data/getdata(startDateString='" +
                (from.getFullYear() + "-" + (from.getMonth() + 1) + "-" + from.getDate()) +
                "', endDateString='" + (to.getFullYear() + "-" + (to.getMonth() + 1) + "-" + to.getDate()) + "')",
                dataType: "json"
            },
            parameterMap: function (options, data) {
                var paramMap = kendo.data.transports.odata.parameterMap(options);
                var d = kendo.data.transports.odata.parameterMap(data);
                delete paramMap.$inlinecount;
                delete paramMap.$format;
                paramMap.$count = true;
                return paramMap;
            }
        },
        schema: {
            data: function (data) {
                return data.value;
            },
            total: function (data) {
                return data['odata.count'];
            },
            errors: function (data) {
            },
            model: {
                fields: {
                    Name: { type: "string" },
                    Age: { type: "string" },
                    Gender: {type:"string"}
                }
            },
            group: {
                field: "Gender"
            }
        },
        sort: {
            field: "Gender",
            dir: "asc"
        },
        sortable: true,
        pageable: true,
        groupable: true,
        filterable: true,
    });
    ds.fetch(function () {
        var data = this.data();
        for (var i = 0; i < data.length; i++) {
            rows.push({
                cells: [
                  { value: data[i].Name },
                  { value: data[i].Age},
                  { value: data[i].Gender}
                ]
            })
        }
        var workbook = new kendo.ooxml.Workbook({
            sheets: [
              {
                  columns: [
                    // Column settings (width)
                    { autoWidth: true },
                    { autoWidth: true },
                    { autoWidth: true }
                  ],
                  title: "Peaple_Report"
              }
            ]
        });
        //save the file as Excel file with extension xlsx
        kendo.saveAs({ dataURI: workbook.toDataURL(), fileName: "Test.xlsx" });
    });
});

提前谢谢。

直接从数据源导出到Excel,并对Kendo UI进行排序和分组

.data()方法在未排序或过滤时保持原始数据。。。

当您应用了任何筛选、排序、分组或分页。。。您应该从.view()方法读取数据。。。它将为您提供您正在查找的排序/筛选数据。。。

以下是.view()方法的文档-http://docs.telerik.com/kendo-ui/api/javascript/data/datasource#methods-查看