[英]Sorting Grid data in kendo UI Grid
我想將檢索到的數據排序到描述字段,但是無法對其進行排序。
UI代碼:正確顯示數據
var gridDataSource = new kendo.data.DataSource({
autoSync: true,
data: transformation.Activities,
schema: {
model: {
id: "TransformerActivityUID",
fields: {
//It has different field. for instance one is
TargetTable: { editable: false, sortable: true },
}
}
},
sort: { field: "Description", dir: "desc" },
group: { field: "TargetTable" }
});
CreateGrid("functionTable", new BasicGrid(gridDataSource, columns, ActivityChanged));
ChangesDetection(ToggleSave);
AutoResizeModal("95%");
var grid = GetGridData("functionTable");
$("#functionsList").kendoDropTarget({
group: "gridGroup",
drop: AddActivity
});
grid.table.kendoDropTarget({
group: "gridGroup",
drop: AddActivity
});
當我檢索數據時,我希望它按描述字段進行排序
functionTableGrid = GetGridData("functionTable");
gridSource = functionTableGrid.dataSource;
gridData = functionTableGrid.dataSource.data();
var dsSort = [];
dsSort.push({ field: "Description", dir: "desc" });
var testData = gridSource.sort(dsSort);
var sortedData= testdata.data();
//I have tried this
gridData.dataSource.sort(dsSort) //not working
gridSource.sort(dsSort); // not working
重要的是,我在此處擁有與UI中顯示的數據相同的數據。 我嘗試了不同的方法,但不確定如何工作。 我對JavaScript還是很陌生,所以任何幫助都會很棒。
嘗試通過調用gridData.toJson()
將數據數組(在您的情況下為gridData)轉換為json數組。 並嘗試類似:
gridData = [{name: "tester 03", param2: "test3"},
{name: "tester 01", param2: "test1"},
{name: "tester 02", param2: "test2"}]; //Assuming some test values here
var sortedData = a.sort(function(e,f) {
return e.name < f.name; //by name or description or whatever
});
或將其轉換為函數,如果此目錄與排序方向有關
function sortData(arr, sorter) {
return arr.sort(function(e,f) {
return sorter.dir == "desc" ?
e[sorter.field] < f[sorter.field] : e[sorter.field] > f[sorter.field];
});
}
並傳遞以下值: sortData(gridData, {field: "Description", dir: "desc"})
希望它能工作。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.