CODEWITHSUNDEEP
asp.netasp.net-mvc
Amarnath
Amarnath

Reputation: 255

how to show loading image in telerik grid using asp.net mvc razor

Can you please show me a sample code of loading image during data binding using telerik grid asp.net mvc Razor.

Thanks in advance.

Upvotes: 2

Views: 1932

Answers (1)

Kori
Kori

Reputation: 1041

Check out the client events for OnDataBinding and OnDataBound. I would show a loading spinner when the OnDataBinding starts, then hide it again when the next method is called.

<%= Html.Telerik().Grid(Model)
    .Name("Grid")
    .ClientEvents(events => events.OnDataBinding("Grid_onDataBinding")
                                  .OnDataBound("Grid_onDataBound")) %>

And then, the javascript would be:

function Grid_onDataBinding(e) {
    $("#spinner").show();
}

function Grid_onDataBound(e) {
    $("#spinner").hide();
}

Upvotes: 4

Related Questions