Question

I am trying KendoUI Grid in an asp.net-mvc3 application. I would like to not display the loading giff or delay it to make it appear only after a few seconds of loading, not instantly! But I have no idea how I could do that.
Any ideas?

Thank you very much for your help

Answer 1

You cannot change the built-in loading, however using the events you can do the following approach with the dataSource events:

var loading =false;

function start(){
    loading = true;
    setTimeout(function(){
         showLoading()//i.e. make your loading gif visible
    },2000);
}

 function end(){
    loading = false;
     hideLoading(); //hide the gif
 }


$('#gridName').data().kendoGrid.dataSource.bind('requestStart',start);
$('#gridName').data().kendoGrid.dataSource.bind('requestEnd',end);

Where