title: Javascript error when grouping in Kendo Grid with AJAX
body: <p>I have a Kendo grid populated with AJAX in a ASP.NET MVC view, and when I try to group by the property FacturasCabecera.NFactura I get the Javascript error <code>d.ArtFacturasCabecera is undefined</code>, so the Kendo grid hangs. One of the elements of the model in the grid is FacturasCabecera, it is another model object that contains the property I want to group by. The code for the grid, which is in a Razor view, is: </p>
  
  <pre><code>@(Html.Kendo().Grid&lt;Macromed.Models.ArtFacturasDetalleModels&gt;()
      .Name("GridAuditoria")
      .Columns(
          columns =&gt;
          {
              columns.Bound(e =&gt; e.ArtFacturasCabecera.Nfactura).Title("Nro. Factura").Groupable(true);
              columns.Bound(e =&gt; e.ArtFacturasCabecera.FchFactura).Title("Fecha Factura").ClientTemplate("#= kendo.toString(kendo.parseDate(ArtFacturasCabecera.FchFactura), 'dd MMM yyyy') #").Groupable(false);
              columns.Bound(e =&gt; e.NItem).Title("Nro. Item").Groupable(false);
              columns.Bound(e =&gt; e.Codigo).Title("Código").Groupable(false);
              columns.Bound(e =&gt; e.ArtFacturasCabecera.FchPago).Title("Fecha pago").ClientTemplate("#= kendo.toString(kendo.parseDate(ArtFacturasCabecera.FchPago), 'dd MMM yyyy') #").Groupable(false);
              columns.Bound(e =&gt; e.ArtFacturasCabecera.FchVencimiento).Title("Fecha vencimiento").ClientTemplate("#= kendo.toString(kendo.parseDate(ArtFacturasCabecera.FchVencimiento), 'dd MMM yyyy') #").Groupable(false);
              columns.Bound(e =&gt; e.MontoFacturado).Title("Monto Facturado").ClientTemplate("#= kendo.toString(MontoFacturado,'c')#").Groupable(false);
              columns.Bound(e =&gt; e.AuditoriaDetalle.MontoTeorico).Title("Monto Teorico").ClientTemplate("#= kendo.toString(AuditoriaDetalle.MontoTeorico,'c')#").Groupable(false);
              columns.Bound(e =&gt; e.IdTraslado).Title("").ClientTemplate(@Html.ActionLink("Ajustar traslado", "AjustarTraslado",
              new { id = "#=IdTraslado#", idFactura = "#=IdFactura#", NItem = "#=NItem#", fechadesde = ViewBag.fechadesde, fechahasta = ViewBag.fechahasta }).ToHtmlString());
          })
      .Groupable(group =&gt; group.Enabled(true).Messages(mm =&gt; mm.Empty("Arrastre un Encabezado de Columna y Colóquela aquí para Agrupar")))
      .DataSource(
          datasource =&gt; datasource.Ajax()
                  .PageSize(10)
                  .Read(read =&gt; read.Action("GetFacturaAjustar", "AuditoriaTraslados", new { id = ViewBag.id, fechadesde = ViewBag.fechadesde, fechahasta = ViewBag.fechahasta }))
                  .Model(model =&gt;
                  {
                      model.Id(p =&gt; p.IdFactura);
                      model.Field(p =&gt; p.ArtFacturasCabecera.FchFactura);
                  }))
  )
  </code></pre>
  
  <p>And this is the code that fetches the data from the database is the following:</p>
  
  <pre><code>IQueryable&lt;ArtFacturasDetalleModels&gt; objfactura = from facturadet in db.ArtFacturasDetalle
    from facturacab in db.ArtFacturasCabecera
    from auditoriadet in db.AuditoriaDetalle
    from itemauditoria in db.AuditoriaDetalleItems
    where facturacab.IdFactura == facturadet.IdFactura
    &amp;&amp; facturacab.IdFactura == auditoriadet.IdFactura &amp;&amp;
    facturacab.IdFactura == itemauditoria.IdFactura &amp;&amp;
    auditoriadet.IdAuditoria == itemauditoria.IdAuditoria &amp;&amp;
    facturadet.NItem == itemauditoria.NItem
    &amp;&amp; facturacab.IdPrestador == id &amp;&amp;
    auditoriadet.Auditado == "S" &amp;&amp; auditoriadet.Ajustar == "S" &amp;&amp;
    itemauditoria.ItemAuditado == true &amp;&amp; itemauditoria.AjustarItem == true
    select new ArtFacturasDetalleModels
    {
        IdFactura = facturadet.IdFactura,
        NItem = facturadet.NItem,
        Codigo = facturadet.Codigo,
        MontoFacturado = facturadet.MontoFacturado,
        IdTraslado = facturadet.IdTraslado,
        ArtFacturasCabecera = new ArtFacturasCabeceraModels
        {
            IdPrestador = facturacab.IdPrestador,
            FchFactura = (DateTime)facturacab.FchFactura,
            FchPago = facturacab.FchPago,
            FchVencimiento = facturacab.FchVencimiento,
            Nfactura = facturacab.Nfactura
        },
        AuditoriaDetalle = new AuditoriaDetalleModels
        {
            IdAuditoria = auditoriadet.IdAuditoria,
            IdFactura = facturadet.IdFactura,
            MontoTeorico = auditoriadet.MontoTeorico
        }
    };
  DataSourceResult result1 = objfactura.ToDataSourceResult(request1);
  return Json(result1);
  </code></pre>
  
  <p>I suspect the Kendo grid can't deal with this kind of model properly...</p>