0

我正在做一个项目,我们在前端使用 KENDOUI 和 jQuery/Javascript 编码来管理我们不能用框架本身做的任何事情。

我有一个需要客户端排序的 KENDO Grid,这就是我想要做的 -

    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 或者有人可以建议一种解决方法,以便我的全局变量始终使用最新的排序数据进行更新?

4

2 回答 2

0

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

例如。将“可排序”添加到您的剑道网格定义和您对排序感兴趣的列中。

 $("#DivDetailsTable").kendoGrid({
    autobind: false,
    scrollable: true,
    sortable: {   mode: "single",
              allowUnsort: false },
于 2012-11-02T15:04:58.420 回答
0

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

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" });
    }
}

}

这对我来说很好。再次感谢你 :)

于 2012-11-08T06:01:44.417 回答