title: How to display loading image before data loading into kendo mvc ui grid?
body: <p>I am working on asp.net mvc 3. I am trying to display list of records using kendo mvc ui grid. and i have set editable mode to popup so the processing could be done on server. I want to display loading image before data is loading into the grid that means during paging,refreshing etc. I have used the grid like</p>
  
  <pre><code> @(Html.Kendo().Grid(Model)
      .Name("GrdXXX")
      .HtmlAttributes(new { style="width:1000px;" })
      .Columns(columns =&gt;
      {
          columns.Bound(p =&gt; p.xxx).Width(50);
          columns.Bound(p =&gt; p.yyy).Width(50);
          columns.Bound(p =&gt; p.zzz).Width(80);
          columns.Bound(p =&gt; p.State).Width(50);
          columns.Bound(p =&gt; p.Phone).Width(70);
          columns.Command(command =&gt; { command.Edit().Text("Edit Details"); command.Destroy().HtmlAttributes(new { onclick = "return DeleteConfirm();" }); }).Width(120);
      })
      .ToolBar(toolbar =&gt; toolbar.Create().Text("Add New Zip Code"))
      .Editable(editable =&gt; editable.Mode(GridEditMode.PopUp).Window(m =&gt; m.Title("Edit Zipcode").Draggable().Resizable()))
              .Pageable()
              .Sortable()
              .Scrollable()
      .DataSource(dataSource =&gt; dataSource
          .Server()
          .Model(model =&gt; model.Id(p =&gt; p.RecNo))
                  .Update("Update", "ghj")
                  .Create("Create", "ghj")
                  .Destroy("Delete", "ghj")
      )
  )
  </code></pre>
  
  <p>I have tried using ajax jquery calls but it doesnt work for me. so please guide me.</p>