javascript - 通过读取变量刷新 Kendo UI 网格数据

Question

Grid 从 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: " ", width: "170px"},


    ]
});

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

刷新网格时

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

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

Answer 1

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

grid.dataSource.data(jsvar);