title: Kendo Grid, using javascript to create the grid dynamically. The read event is not calling the server side controller function
body: <p>I am working with Kendo Grid.  I am creating the grid dynamically and I am trying to also use the server side paging.  I setup the parameters to use the read ajax call to read data from server side controller.  But when debugging I cannot get the server side function in the controller to fire and the grid returns with no data.  Here is the javascript code on the cshtml file.</p>
  <pre class="lang-js prettyprint-override"><code>
  function createGrid(gridColumnList);
  {
      var model = createModel(gridColumnList);
  
      $(gridReportResults&quot;).kendoGrid({
          
          dataSource: {
              transport:{
                   read: {
                       url: &quot;@Url.Action(&quot;GetReportResults&quot;, &quot;Report&quot;, new { ReportId = Model.ReportId, NavId = Session.GetNavigationId() })&quot;;
                       dataType: &quot;json&quot;,
                       contentType: &quot;application/json&quot;,
                       type: &quot;POST&quot;,
                       cache: false
                   }
              },
              model: model,
              type: &quot;json&quot;
          },
          schema: {
              data: &quot;data&quot;,
              total: &quot;total&quot;
          },
  
          serverPaging: true,
          selectable: true,
          pageable: {
              pageSize: 250
          },
          autoBind: true,
          height: 400,
          scrollable: true,
          columns: createColumns(gridColumnList); 
  
  
      }).data(&quot;kendoGrid&quot;);
  }
  
  </code></pre>