javascript - 更改kendo grid数据源使用JS

Question

我有 Kendo 网格，并且我使用它设置数据源

.DataSource(dataSource => dataSource
                                .Ajax()
                                .PageSize(20)

                                .Read(read => read.Action("GetWorker", "Worker"))

我的页面上有按钮，当我按下此按钮时我想更改数据源(使用java脚本)。我想做这样的事情

.DataSource(dataSource => dataSource
                                .Ajax()
                                .PageSize(20)

                                .Read(read => read.Action("GetDisabled", "Worker"))

我尝试这样做

var grid = $("grid").data("kenodGrid");
            grid.dataSource().read()

但我不知道在grid.dataSource()之后要做什么。如何更改数据源？谢谢并希望对您有所帮助

Answer 1

我认为您应该首先创建一个新的数据源(有关远程数据，请参阅 https://demos.telerik.com/kendo-ui/datasource/remote-data-binding)

var dataSource = new kendo.data.DataSource({
    data: [
        { name: "John Doe", age: 33 }
    ]
});

然后使用 setDataSource 方法将其附加到网格 ( https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/methods/setdatasource )

var grid = $("#grid").data("kendoGrid");
grid.setDataSource(dataSource);