Question

我想要完成的是当用户在kendo网格中对列进行排序时应用“自动”辅助列排序。

所以在this JS fiddle example中，如果用户按“值”排序，它也会按“名称”排序。请注意，0会一起排序，但名称不是按字母顺序排列的。我希望它们是按字母顺序排列的（次要排序）。

Here's an attempt覆盖数据源排序以完成此任务。我正在使用用户的原始排序并在“SortedName”上添加其他排序。根据记录的排序数组，它似乎很接近但仍然无效。

关于如何实现这一目标的任何其他想法？

注意：我不想让用户按多列排序。我正在使用它的真实世界示例可能有多达50多列（不幸的是），因此多种排序可能会令人困惑/不直观。而且我希望它能在幕后完成而无需额外的用户交互。

覆盖kendo数据源sort（）的示例代码：

dataSource.originalSort = dataSource.sort;
dataSource.sort = function () {
    // take the user's sort and apply sorting on an additional column
    // the sort array should look like this:
    [
        { field: "Value", dir: "asc" }, // this is what the user sorted by
        { field: "SortedName", dir: "asc" }, // and I'm adding this
    ]
    return dataSource.originalSort.apply(this, arguments);
}

Answer 1

请尝试使用以下代码段。

<div id="grid">
    </div>
    <script>
        var dataSource = new kendo.data.DataSource({
            data: [
                { Name: "Lisa", Value: 1 },
                { Name: "Dan", Value: 12 },
                { Name: "Ken", Value: 5 },
                { Name: "Arthur", Value: 15 },
                { Name: "Bob", Value: 0 },
                { Name: "Sally", Value: 0 },
                { Name: "Alexis", Value: 0 },
                { Name: "Cody", Value: 0 },
                { Name: "Steve", Value: 0 },
                { Name: "Andrew", Value: 0 },
                { Name: "Duke", Value: 0 }
            ],
            schema: {
                model: {
                    fields: {
                        Name: { type: "string" },
                        Value: { type: "number" }
                    }
                }
            }
        });

        $("#grid").kendoGrid({
            dataSource: dataSource,
            dataBound: function (e) {
                var isSortedByName = false;
                var grid = $("#grid").data("kendoGrid");
                var ds = grid.dataSource;
                var sort = ds.sort();
                if (sort) {
                    for (var i = 0; i < sort.length; i++) {
                        if (sort[i].field == "Name") {
                            isSortedByName = true;
                        }
                    }
                    if (isSortedByName == false) {

                        sort.push({ field: "Name", dir: "asc" });
                        ds.sort(sort);
                    }
                }
            },
            columns: [
                { field: "Name" },
                { field: "Value" }
            ],
            sortable: true
        });
    </script>

对Kendo Grid列/ DataSource进行多重排序 - 动态设置排序

1 个答案: