title: How to display spinner when data are rendered from ajax in kendo grid
body: <p>I have some search filters for a query in my application. From the filters I want to render the json results into a kendo grid. For that reason I don't use the default <strong>DataSource.Read()</strong> of the grid but an Ajax request and I bind the results to the grid like that:</p>
  
  <p>Kendo grid:</p>
  
  <pre><code>@(Html.Kendo().Grid&lt;List&lt;SearchSpecialtiesResult&gt;&gt;()
      .Name("grid")
      .Columns(columns =&gt;
      {
          columns.Bound(c =&gt; c.Id).Hidden();
          columns.Bound(c =&gt; c.Code).Width(100);
          // Some other columns
      })
       //Some events and filtering options
      .DataSource(dataSource =&gt; dataSource
          .Ajax()
          .ServerOperation(false)
          .Model(model =&gt;
          {
              model.Id(p =&gt; p.Id);
              // other model values
          })
          )
  )
  </code></pre>
  
  <p>Set the dataSource on Ajax success</p>
  
  <pre><code>var datasource = new kendo.data.DataSource({ data: resultData });
  $("#grid").data("kendoGrid").setDataSource(datasource);
  </code></pre>
  
  <p>The binding happens correctly however to other places that I use the <strong>DataSource.Read()</strong> the grid shows a loading effect that I can't find how to reproduce to my page and I use to this place some other loading effect we use on Ajax requests. Is there any way to reproduce it in my case?</p>