在Angular

Question

我正在尝试在Angular中创建一个Kendo Grid。我原来有这样的事情：

<div kendo-grid k-options="gridOptions" k-data-source="myArray"></div>

在我的范围内，myArray是一个动态分配的数组。 gridOptions定义如下：

gridOptions = {
    dataSource: {
        sort: { field: "number", dir: "asc" }
    },
    columns: [
        { field: "number", title: "Number" }
    ],
    sortable: true
};

但问题在于忽略了默认排序，大概是因为Kendo正在使用k-data-source而在选项中完全忽略了这一点。但是，如果我尝试删除k-data-source，并将gridOptions修改为：

gridOptions = {
    dataSource: {
        data: myArray,
        sort: { field: "number", dir: "asc" }
    },
    columns: [
        { field: "number", title: "Number" }
    ],
    sortable: true
};

然后我可以看到网格已经排序，但是当myArray被分配时，网格不会填充数据（我最后会得到一个空网格）。 使用Kendo Angular指令实现默认排序网格的最佳方法是什么？感谢。

Answer 1

尝试使用选项的dataSource部分：

dataSource: {
    data: new kendo.data.ObservableArray(myArray),
    sort: { field: "number", dir: "asc" }
}