Kendo UI MVVM网格刷新/重新加载

Question

These solutions ( Reloading/refreshing Kendo Grid )

    $('#GridName').data('kendoGrid').dataSource.read();
    $('#GridName').data('kendoGrid').refresh();

do not work for a Kendo MVVM grid. Specifically $('#GridName').data('kendoGrid') returns 'undefined'.

My question is: what method could be used to trigger a grid refresh/reload via a button controller in Kendo UI MVVM grid?

Answer 1

Here's a solution for MVVM that allows you to refresh the dataSource of the Kendo grid. If it's the only grid on the page, the solution works fine:

$("div[data-role='grid']").data("kendoGrid").dataSource.read();

Here is an example fiddle

Answer 2

$('#id').data('kendoGrid') return 'undefined' when grid is not initialized. If $('#id') is not empty and grid is visible on page data can't be undefined . You should check your jquery selector or init grid if it not visible at page.