直接从数据源导出到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" });
});
});
提前谢谢。
.data()方法在未排序或过滤时保持原始数据。。。
当您应用了任何筛选、排序、分组或分页。。。您应该从.view()方法读取数据。。。它将为您提供您正在查找的排序/筛选数据。。。
以下是.view()方法的文档-http://docs.telerik.com/kendo-ui/api/javascript/data/datasource#methods-查看