使用AJAX在剑道网格中分组时出现Javascript错误

Javascript error when grouping in Kendo Grid with AJAX

本文关键字:错误 Javascript AJAX 网格 使用      更新时间:2023-09-26

在ASP.NET MVC视图中,我有一个用AJAX填充的Kendo网格,当我尝试按属性FacturasCabecera.NFactura进行分组时,我得到了Javascript错误d.ArtFacturasCabecera is undefined,因此Kendo网格挂起。网格中模型的元素之一是FacturasCabcera,它是另一个包含我要分组的属性的模型对象。Razor视图中的网格代码是:

@(Html.Kendo().Grid<Macromed.Models.ArtFacturasDetalleModels>()
    .Name("GridAuditoria")
    .Columns(
        columns =>
        {
            columns.Bound(e => e.ArtFacturasCabecera.Nfactura).Title("Nro. Factura").Groupable(true);
            columns.Bound(e => e.ArtFacturasCabecera.FchFactura).Title("Fecha Factura").ClientTemplate("#= kendo.toString(kendo.parseDate(ArtFacturasCabecera.FchFactura), 'dd MMM yyyy') #").Groupable(false);
            columns.Bound(e => e.NItem).Title("Nro. Item").Groupable(false);
            columns.Bound(e => e.Codigo).Title("Código").Groupable(false);
            columns.Bound(e => e.ArtFacturasCabecera.FchPago).Title("Fecha pago").ClientTemplate("#= kendo.toString(kendo.parseDate(ArtFacturasCabecera.FchPago), 'dd MMM yyyy') #").Groupable(false);
            columns.Bound(e => e.ArtFacturasCabecera.FchVencimiento).Title("Fecha vencimiento").ClientTemplate("#= kendo.toString(kendo.parseDate(ArtFacturasCabecera.FchVencimiento), 'dd MMM yyyy') #").Groupable(false);
            columns.Bound(e => e.MontoFacturado).Title("Monto Facturado").ClientTemplate("#= kendo.toString(MontoFacturado,'c')#").Groupable(false);
            columns.Bound(e => e.AuditoriaDetalle.MontoTeorico).Title("Monto Teorico").ClientTemplate("#= kendo.toString(AuditoriaDetalle.MontoTeorico,'c')#").Groupable(false);
            columns.Bound(e => 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 => group.Enabled(true).Messages(mm => mm.Empty("Arrastre un Encabezado de Columna y Colóquela aquí para Agrupar")))
    .DataSource(
        datasource => datasource.Ajax()
                .PageSize(10)
                .Read(read => read.Action("GetFacturaAjustar", "AuditoriaTraslados", new { id = ViewBag.id, fechadesde = ViewBag.fechadesde, fechahasta = ViewBag.fechahasta }))
                .Model(model =>
                {
                    model.Id(p => p.IdFactura);
                    model.Field(p => p.ArtFacturasCabecera.FchFactura);
                }))
)

这是从数据库中获取数据的代码,如下所示:

IQueryable<ArtFacturasDetalleModels> 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
  && facturacab.IdFactura == auditoriadet.IdFactura &&
  facturacab.IdFactura == itemauditoria.IdFactura &&
  auditoriadet.IdAuditoria == itemauditoria.IdAuditoria &&
  facturadet.NItem == itemauditoria.NItem
  && facturacab.IdPrestador == id &&
  auditoriadet.Auditado == "S" && auditoriadet.Ajustar == "S" &&
  itemauditoria.ItemAuditado == true && 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);

我怀疑剑道网格无法正确处理这种模型。。。

在不嵌套的情况下创建新模型解决了这个问题。我猜剑道网格不适用于嵌套模型。