Question

我正在开发一个项目，我们使用KENDOUI作为前端，使用jQuery / Javascript编码来管理我们无法对框架本身做的任何事情。

我有一个需要客户端排序的KENDO网格，这就是我想做的事情 -

    var tPositiondata = _DetailsGridDS.data();
    // sort position datasource in order to bind treeview
    tPositiondata = tPositiondata.toJSON().sort(function (a, b) {
        {
            if ((a.DisplayText.localeCompare(b.DisplayText)) < 0) { return -1; }
            else if ((a.DisplayText.localeCompare(b.DisplayText)) > 0) { return 1; }
        }
    });

    //re-initialize the grid with new datasource
    $("#DivDetailsTable").empty();
    $("#DivDetailsTable").kendoGrid({
        autobind: false,
        scrollable: true,
        height: 333,
        pageSize: 10,
        dataSource: tPositiondata,
        dataBound: OnReceivedDataFromDatasource,
        columns: [
    {
        field: "UniqueValue",
        title: _ColumnHeaderUniqueValue
    },
    {
        //field: "DisplayTextTranslation",
        title: _ColumnHeaderDisplayText,
        template: '#= GetTranslation(Id) #'
    },
    {
        field: "CodeAttribute",
        title: _ColumnHeaderCodeAttribute
    },
    { command: [{ text: _ButtonEdit, className: "k-button k-button-icontext buttonEdit k-grid-Edit" }, { text: _ButtonDelete, className: "k-button k-button-icontext buttonDelete k-grid-Delete" }, { text: "&nbsp;", className: "buttonUp", width: 15 }, { text: "&nbsp;", className: "buttonDown", width: 15}], text: "", title: "&nbsp;", width: 230 }
    ],
        editable: "inline"
    });

现在麻烦的是，变量“tPositionData”无法重新分配给“_DetailsGridDS”，因为它们显然不是同一类型或格式。因此，我的全局变量“_DetailsGridDS”没有更新的排序数据。如果我在代码中的其他地方引用它，那么我没有对数据进行排序。

有人可以帮我在排序后“撤消”/“反转”.toJSON调用，以便我可以将其重新分配给_DetailsGridDS，或者有人可以建议解决方案，以便我的全局var始终更新为最新的排序数据？

Answer 1

和Sandeep，为什么你不能使用内置排序功能？您能否解释一下如何对数据进行排序？

例如。在您的kendo网格定义中添加“sortable”，并在您对排序感兴趣的列上添加。

 $("#DivDetailsTable").kendoGrid({
    autobind: false,
    scrollable: true,
    sortable: {   mode: "single",
              allowUnsort: false },

Answer 2

非常感谢所有提示。最终我的解决方案是这样的：

function SortGrid() {
if ($("#DivDetailsTable").data("kendoGrid") != undefined) {
    if ($("#inputSortByValueName").is(":checked")) {
        $("#DivDetailsTable").data("kendoGrid").dataSource.sort({ field: "DisplayText", dir: "asc" });
    }
    else {
        $("#DivDetailsTable").data("kendoGrid").dataSource.sort({ field: "DisplaySequence", dir: "asc" });
    }
}

}

这对我来说很合适。再次感谢你：）

什么是“.toJSON”以及如何“撤消”或“反转”它

2 个答案: