title: reading ASP.NET MVC json result in kendo Grid
body: <p>i am using ASP.NET MVC5 and intended to read json data from controller to view in razor page using kendo grid. I am using trial version for time being so i don't have access to kendo server scripting and helper classes... i have jsonResult in controller and i want ajax to call this function from view--> javascript to read and print data...</p>
  
  <h2>model class</h2>
  
  <pre><code>[Table("FeeZone")]
  public class FeeZone
  {
      public FeeZone()
      {
  
      }
  
      [Key]
      public int FeeZoneID { get; set; }
  
  
      [Required]
      public string FeeZoneDescription { get; set; }
  
      [StringLength(50, ErrorMessage = "Description Max Length is 50")]
      [Required]
      public string CurrencyLabel { get; set; }
  
      [StringLength(10, ErrorMessage = "Description Max Length is 10")]
      [Required]
      public string CurrencySymbol { get; set; }
  
      [StringLength(50, ErrorMessage = "Description Max Length is 50")]
      [Required]
      public string CurrencyCode { get; set; }
  }
  </code></pre>
  
  <h2>Controller class</h2>
  
  <pre><code>    public ActionResult FreeZone()
      {
          var query_result = Q_UOF.GetAllFeeZone();
  
          return View(query_result.ToList());
  
      }
  
      public JsonResult GetAllFreeZone()
      {
          var allFreeZone = Q_UOF.GetAllFeeZone().ToList();
  
          return Json(allFreeZone, JsonRequestBehavior.AllowGet);
      }
  </code></pre>
  
  <h2>razor -- view page</h2>
  
  <pre><code>model IEnumerable&lt;DatabaseLayer.TableMappings.FeeZone&gt;
  
  @{
        ViewBag.Title = "FreeZone";
        Layout = "~/Views/Shared/_Layout_Master.cshtml";
   }
  
  
    &lt;script type="text/javascript"&gt;
  
    $(document).ready(function () {
  
      //load ALl freeZone from JSON Method
      var RemoteJsonData = new kendo.data.DataSource(
          {
              transport:
                  {
                      read: {
                          type: "Get",
                          dataType: "json",
                          url: "Qualification/GetAllFreeZone"
                      },
                      pageSize: 4
                  }
          })
  
      //View all FreeZone data in Kendo Grid
      $("#FreeZone_ViewAll_Grid").kendoGrid({
          columns: [
              { title: "FeeZoneID" },
              { title: "FeeZoneDescription" },
              { title: "CurrencyLabel" },
              { title: "CurrencySymbol" },
              { title: "CurrencyCode" }
          ],
  
          dataSource: RemoteJsonData
  
  
      });
  })
  
  &lt;/script&gt;
  
  
  &lt;div id="FreeZone_ViewAll_Grid"&gt;&lt;/div&gt;
  </code></pre>