javascript - 将现有的 Kendo 网格绑定(bind)到新的 JSON 对象

Question

我的页面上有以下 kendoGrid，它在加载时从指定的 URL 接收 JSON 对象。

但后来我想将它绑定(bind)到从其他来源接收的其他一些 JSON 数据。有没有一种方法可以使用新的 JSON 对象绑定(bind)刷新包含网格的现有数据？

$('#grid').kendoGrid({
    sortable: true,
    groupable: true,
    scrollable: true,

    pageable: {
        pageSizes: 9
    },
    dataSource: {
        transport: {
            read: {
                url: "../Get/JsonData",
                dataType: "Json"
            }
        }
    },
    columns: [
        { field: "name", title: "Name", width: 100 },
        ... ...
    ]
});

Answer 1

您可以将 DataSource 中的所有数据替换为:

var newData = [ "some", "data", "array" ];

var gridWidget = $('#grid').data("kendoGrid");
gridWidget.dataSource.data(newData);

或者你可以给网格一个全新的数据源(我推荐这种方法):

var newData = new kendo.data.DataSource({
    data: [ "some", "data", "array" ]
});

var gridWidget = $('#grid').data("kendoGrid");
gridWidget.setDataSource(newData);

当然，在我的示例中，newData 就是从您的函数返回的任何数据。