kendo-grid - Kendo UI Grid 本地数据源列默认排序

Question

尝试从本地数据源在我的 Kendo UI 网格上设置默认排序列。我已经阅读了所有我应该放入的内容:

sort: { field: "price", dir: "desc" }

到数据源。我已经尝试过了，但它仍然不起作用(请参阅以下示例的底部)。

这是我的完整代码，我哪里出错了？

$('#grid').kendoGrid({
                dataSource: [
                    {
                        date: "Feb 13 2014",
                        price: 5,
                    },
                    {
                        date: "Feb 15 2014",
                        price: 7,
                    },
                    {
                        date: "Feb 12 2014",
                        price: 6,
                    }
                ],
                height:500,
                sortable: true,
                pageable: false,
                columns: [
                    {
                        field: "date",
                        title: "Date"
                    },
                    {
                        field: "price",
                        title: "Price",
                    }
                ],
                sort: {field: "price", dir: "desc"}
            });

Answer 1

您在错误的位置定义了 sort 行。您将其作为网格的属性之一，但它(正如您所说)是数据源的属性之一。

将其作为数据源属性的子属性:

$('#grid').kendoGrid({
    dataSource: {
        data: [{
            date: "Feb 13 2014",
            price: 5,
        }, {
            date: "Feb 15 2014",
            price: 7,
        }, {
            date: "Feb 12 2014",
            price: 6,
        }],
        sort: {
            field: "price",
            dir: "desc"
        }
    },
    height: 500,
    sortable: true,
    pageable: false,
    columns: [{
        field: "date",
        title: "Date"
    }, {
        field: "price",
        title: "Price",
    }],
});

如果还是不行，我可以提供一个 jsFiddle 供你解决。