title: Kendo Grid not displaying JSON MVC
body: <p>My controller is returning the Json data but instead of populating the Grid it displays as raw Json text. First time using Kendo so I am not sure what I am doing wrong? Is the the grid not being initialized? I have a search form on a cshtml view "reports". I would like  the search results to be displayed on a partial view 'ReportsPhone' or on the 'reports' view itself. I do not know the best way about doing that. </p>
  
  <p>Reports View</p>
  
  <pre><code>@model UtilityWebSite.Models.ReportsPhoneSupport
   @{
  ViewBag.Title = "Reports";
   }
   &lt;div class="container"&gt;
  &lt;div class="row clearfix"&gt;
      &lt;div class="col-md-12 column"&gt;
          &lt;div class="row clearfix"&gt;
              &lt;div class="col-md-4 column"&gt;
                  &lt;h2&gt;Phone Support Reports &lt;/h2&gt;
                  &lt;div&gt;
                      @using (Html.BeginForm("ReportsPhoneSupport", "Reports"))
                      {
                          &lt;div&gt;
                              @Html.LabelFor(model =&gt; model.UserId)&lt;br /&gt;
                              @Html.TextBoxFor(model =&gt; model.UserId, new { @class = "k-textbox" }) &lt;br /&gt;
                          &lt;/div&gt;&lt;br /&gt;
  
                          &lt;div&gt;
                              @Html.LabelFor(model =&gt; model.FromDate)&lt;br /&gt;
                              &lt;div&gt;@(Html.Kendo().DatePickerFor(model =&gt; model.FromDate))&lt;/div&gt;&lt;br /&gt;
  
                              @Html.LabelFor(model =&gt; model.ToDate)&lt;br /&gt;
                              &lt;div&gt;@(Html.Kendo().DatePickerFor(model =&gt; model.ToDate))&lt;/div&gt;
                              &lt;br /&gt;
                              &lt;input type="submit" class="k-button" value="Submit" /&gt;
                          &lt;/div&gt;
                      }
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="col-md-4 column"&gt;
              &lt;/div&gt;
              &lt;div class="col-md-4 column"&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>Reports Controller</p>
  
  <pre><code>[Authorize]
  public class ReportsController : Controller
  {
      [HttpGet]
      public ActionResult Reports()
      {
          ReportsPhoneSupport model = new ReportsPhoneSupport();
          model.ToDate = DateTime.Parse("05/14/2014");
          //do 
          //{
          //    TimeSpan span = DateTime.Now - model.ToDate;
          //    if (span.TotalDays &lt; 2) break;
          //    model.ToDate = model.ToDate.AddDays(14);
          //}
          //while (model.ToDate &lt; DateTime.Now);
          model.FromDate = model.ToDate.AddDays(-14);
          return View(model);
      }
  
      [HttpGet]
      public ActionResult ReportsPhoneSupport()
      {
  
          return PartialView();
      }
  
      [HttpPost]
      public JsonResult ReportsPhoneSupport([DataSourceRequest] DataSourceRequest request, ReportsPhoneSupport model)
      {
          string[] userIds = model.UserId.Split(',');
          ReportPhoneSupportResultTypedView results = new ReportPhoneSupportResultTypedView();
          foreach (string userId in userIds)
          {
              int iUserId = 0;
              if (Int32.TryParse(userId, out iUserId))
              {
  
                  RetrievalProcedures.FetchReportPhoneSupportResultTypedView(results, model.FromDate, model.ToDate, iUserId);
              }
          }
          var Results = from Reslt in results
                        select new
                        {
                            ActivityDate = Reslt.ActivityDate,
                            Action = Reslt.Action,
                            Assignment = Reslt.Assignment,
                            Description = Reslt.Description,
                            Result = Reslt.Result,
                            ToFrom = Reslt.ToFrom
                        };
          return Json(Results.ToDataSourceResult(request, ModelState), JsonRequestBehavior.AllowGet);
  
      }
  </code></pre>
  
  <p>ReportsPhone Partial View</p>
  
  <pre><code>&lt;div class="container"&gt;
  &lt;div class="row clearfix"&gt;
      &lt;div class="col-md-12 column"&gt;
          &lt;div class="row clearfix"&gt;
              @(Html.Kendo().Grid&lt;ZoomAudits.DAL.TypedViewClasses.ReportPhoneSupportResultRow&gt;()
  .Name("grid")
  
  .Columns(columns =&gt;
  {
      columns.Bound(m =&gt; m.ActivityDate).Format("{0:MM/dd/yyyy}").Title("Activity Date");
      columns.Bound(m =&gt; m.Assignment).Title("Assignment");
      columns.Bound(m =&gt; m.Action).Title("Action");
      columns.Bound(m =&gt; m.ToFrom).Title("ToFrom");
      columns.Bound(m =&gt; m.Result).Title("Result");
      columns.Bound(m =&gt; m.Description).Title("Description");
  })
  
  //.AutoBind(true)
  .Pageable()
  .Sortable()
  .Scrollable()
  .Filterable()
  
  .DataSource(dataSource =&gt; dataSource
      .Ajax()
      .ServerOperation(true)
      .PageSize(20)
      // .Model(model =&gt; model.Id(p =&gt; p.Assignment))
      .Read(read =&gt; read.Action("ReportsPhoneSupport", "Reports"))
   )
              )
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>Sample Json text</p>
  
  <pre><code>{"Data":[{"ActivityDate":"\/Date(1398866129000)\/","Action":"Call Placed","Assignment":9538,"Description":"Spoke with insured,
  </code></pre>