簡體   English   中英

在Kendo UI Grid中對Grid數據進行排序

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM