通过读取变量刷新 Kendo UI 网格数据答案

【问题标题】：Refresh Kendo UI grid data by reading a variable通过读取变量刷新 Kendo UI 网格数据
【发布时间】：2014-01-13 21:42:03
【问题描述】：

网格从 javascript 变量中读取数据。

    $("#grid").kendoGrid({
    dataSource: {
        type: "text",
        data: jsvar,
        schema: {
            model: {
                fields: {
                    id: {type: "string", editable: false},
                    name: {type: "string"}
                }
            }
        },
        pageSize: 20
    },
    pageable: {
        input: true,
        numeric: true
    },
   //toolbar: [{text: "Add"}],
    columns: [
        {command: [{text: "Edit", click: showDetailse}, {text: "View", click: viewoneitm}], title: "&nbsp;", width: "170px"},


    ]
});

然后我用 ajax 更改这个变量 jsvar 的值并等待 ajax 响应，然后当我用刷新网格时

            jQuery("#grid").data("kendoGrid").dataSource.read();
            jQuery("#grid").data("kendoGrid").refresh();

网格不会重新填充新数据，旧数据仍保留在网格中。请告诉我如何刷新网格数据。这工作正常，网格在我提供静态数据之前可以完美刷新，但是在我使用 ajax 然后“刷新”之后它无法更新

【问题讨论】：

我深陷其中，任何形式的帮助都将不胜感激。如果有人感兴趣，我可以分享完整的代码。

标签： javascript jquery kendo-ui kendo-grid

【解决方案1】：

如果jsvar 包含一个数组，Kendo 数据源将为每个数组项创建一个模型，因此如果您修改原始数组，它不会更改 DataSource。如果你想改变数据，你应该这样做：

grid.dataSource.data(jsvar);

【讨论】：

非常感谢拉斯，你拯救了我的一天。有效！！！ jQuery("#grid").data("kendoGrid").dataSource.data(jsdatax); jQuery("#grid").data("kendoGrid").refresh();
使用 angularjs 你可以使用类似的东西：
$scope.grid.dataSource.data($scope.jsdatax); $scope.grid.refresh();