Grid Offline Storage and Syncing once Online

[Jako]

Hello

How do I enable the telerik radgrids to be accessible offline and sync once online again?

Help much appreciate
Regards

[Alexander Popov]

Hello Jako, 

This question has been posted in the UI For ASP.NET MVC forums, so I would assume that you are referring to the Kendo UI Grid, as RadGrid is part of the UI For ASP.NET AJAX. Basically, enabling this feature is done by setting the offlineStorage option, as described in the following article:

• Work offline with the Kendo UI DataSource

Here is a live demo of the offline DataSource feature, which can be easily implemented in ASP.NET MVC using the OfflineStorage option, for example: 

@(Html.Kendo().Grid<ViewModel>()
    .Name("Grid")
    .Columns(columns =>
    {
        columns.Bound(....)
    })
    .DataSource(dataSource => dataSource
        .Ajax()
        .OfflineStorage("offline-kendo-demo")

Regards,
Alexander Popov
Telerik

 

 

[Quickstoker]

Hi,

 

In your example, how you can set the grid offline explicitly? Your code only specify the offlline store in the grid's Data Source but where you set when the grid go offline after it load the first time for example?

[Alexander Popov]

Hello,

You can set the Grid's AutoBind option to false to prevent the initial Read request. Then, after the Grid is initialized - set the DataSource's offline mode to true. For example: 

@(Html.Kendo().Grid<ViewModel>()
    .Name("Grid")
    .AutoBind(false)
    .DataSource(dataSource => dataSource
        .Ajax()
        .OfflineStorage("offline-kendo-demo")
    ...
)
<script>
$(document).ready(function () {
    var grid = $("#Grid").data("kendoGrid");
    grid.dataSource.online(false);
});
</script>

Regards,
Alexander Popov
Telerik