为什么kendo网格寻呼机控件会重复?

时间:2018-04-19 22:37:51

标签: asp.net-mvc kendo-ui kendo-grid kendo-asp.net-mvc

我有一个非常有线的问题。

我更新了kendo文件后,我的kendo网格寻呼机控件被渲染了两次。

有人对此有所了解。我正在使用Kendo for ASP.NET MVC。Here you have an image of the grid

第二组按钮是有效的按钮。分页编号右侧和左侧的按钮被阻止。

 @(Html.Kendo().Grid<Monibyte.Arquitectura.Presentacion.Transaccional.Dto.Tarjetas.PocMovimientosTarjeta>()
    .Name("Grid")
    .Filterable()
    .Groupable()
    .ColumnMenu()        
    .AutoBind(false)
    .Events(e => e.DataBound("OndataBound"))
    .Events(e => e.DataBinding("OnDataBinding"))
    .Reorderable(reorderable => reorderable.Columns(true))
    .Pageable(pager => pager.PageSizes(Html.DefaultPageSizes()))
    .Selectable(selectable => selectable.Mode(GridSelectionMode.Single))
    .Sortable(sortable => sortable.AllowUnsort(true).SortMode(GridSortMode.MultipleColumn))
    .Columns(columns =>
    {
        columns.Bound(p => p.IdMovimiento).Title("").Sortable(false).Filterable(false).Width(50)
            .HtmlAttributes(new { @class = "detAdic_ListMov" }).IncludeInMenu(false)
            .HeaderTemplate(Html.GridCheckAll()).ClientTemplate(Html.GridCheck() +
                Html.GenericGridBtn("IncluirDetalleMovimiento", "ConsultaMovimientos", null,
                    altText: @RecEtiquetas.App_AgregarMovimiento,
                    jsparams: new
                    {
                        targetId = "detalleMovimiento",
                        dataFunc = "editarDataFunc",
                        callback = "editarCallback"
                    },
                    imageUrl: "imagenes/iconos/list(16).png",
                    authorizeFunc: "validaSegregar").ToHtmlString())
            .HtmlAttributes(new { @class = "detAdic_ListMov", @title = @RecEtiquetas.App_AgregarMovimiento });
        columns.Bound(p => p.NumTarjeta).Title(RecEtiquetas.Mod_NumTarjeta).Hidden(true).Width(50)
            .ClientGroupHeaderTemplate("#= templateDescripcionTarjeta(value) #")
            .HtmlAttributes(new { @title = @RecEtiquetas.Mod_NumTarjeta });
        columns.Bound(p => p.NumReferencia).Title(RecEtiquetas.App_Referencia).Width(30)
            .HtmlAttributes(new { @title = @RecEtiquetas.App_Referencia });
        columns.Bound(p => p.FecMovimiento).Title(RecEtiquetas.App_FechaMovimiento).Width(40)
            .ClientTemplate("#:$monibyte.formatDate(FecMovimiento)#")
            .HtmlAttributes(new { @title = @RecEtiquetas.App_FechaMovimiento });
        columns.Bound(p => p.FecTransaccion).Title(RecEtiquetas.App_FecConsumo).Hidden(true).Width(40)
            .ClientTemplate("#:$monibyte.formatDate(FecTransaccion)#")
            .HtmlAttributes(new { @title = @RecEtiquetas.App_FecConsumo });
        columns.Bound(p => p.Descripcion).Title(RecEtiquetas.App_DescripcionMovimiento).Width(250)
            .HtmlAttributes(new { @title = @RecEtiquetas.App_Descripcion });
        columns.Bound(p => p.MonDebLocal).Title(Html.EtiquetasCompania("RecGlobalizacion", "App_DebitoMonedaLocal").ToString()).Width(40)
            .ClientTemplate("#:SimboloMonedaLocal# #:$monibyte.formatNumber(MonDebLocal)#")
            .ClientGroupFooterTemplate("#:templateMontoDebLocal(data)#")
            .FooterHtmlAttributes(new { @class = "alinearDerecha" })
            .HtmlAttributes(new { @class = "alinearDerecha monto-grid", @title = Html.EtiquetasCompania("RecGlobalizacion", "App_DebitoMonedaLocal") });
        columns.Bound(p => p.MonCredLocal).Title(Html.EtiquetasCompania("RecGlobalizacion", "App_CreditoMonedaLocal").ToString()).Width(40)
            .ClientTemplate("#:SimboloMonedaLocal# #:$monibyte.formatNumber(MonCredLocal)#")
            .ClientGroupFooterTemplate("#:templateMontoCredLocal(data)#")
            .FooterHtmlAttributes(new { @class = "alinearDerecha" })
           .HtmlAttributes(new { @class = "alinearDerecha monto-grid", @title = Html.EtiquetasCompania("RecGlobalizacion", "App_CreditoMonedaLocal") });
        columns.Bound(p => p.MonDebInter).Title(RecEtiquetas.App_DebitoDolares).Width(40)
            .ClientTemplate("#:SimboloMonedaInter# #:$monibyte.formatNumber(MonDebInter)#")
            .ClientGroupFooterTemplate("#:templateMontoDebInter(data)#")
            .FooterHtmlAttributes(new { @class = "alinearDerecha" })
            .HtmlAttributes(new { @class = "alinearDerecha monto-grid", @title = @RecEtiquetas.App_DebitoDolares });
        columns.Bound(p => p.MonCredInter).Title(RecEtiquetas.App_CreditoDolares).Width(40)
            .ClientTemplate("#:SimboloMonedaInter# #:$monibyte.formatNumber(MonCredInter)#")
            .ClientGroupFooterTemplate("#:templateMontoCredInter(data)#")
            .FooterHtmlAttributes(new { @class = "alinearDerecha" })
            .HtmlAttributes(new { @class = "alinearDerecha monto-grid", @title = @RecEtiquetas.App_CreditoDolares });
        columns.Bound(p => p.DescripcionMoneda).Title(RecEtiquetas.App_Moneda).Hidden(true).Width(40)
            .ClientGroupHeaderTemplate(RecEtiquetas.App_TotalRegistros + " #=value# = #=count#")
            .HtmlAttributes(new { @title = @RecEtiquetas.App_Moneda });
    })
    .DataSource(dataSource => dataSource
        .Ajax()
        .PageSize(Html.DefaultPageSize())
        .Sort(sort => sort.Add(p => p.FecMovimiento).Descending())
        .Aggregates(aggregates =>
        {
            aggregates.Add(p => p.MonCredLocal).Sum();
            aggregates.Add(p => p.MonDebLocal).Sum();
            aggregates.Add(p => p.MonCredInter).Sum();
            aggregates.Add(p => p.MonDebInter).Sum();
            aggregates.Add(p => p.DescripcionMoneda).Count();
            aggregates.Add(p => p.SimboloMonedaLocal).Min();
            aggregates.Add(p => p.SimboloMonedaInter).Min();
        })
        .Group(groups => groups.Add(p => p.DescripcionMoneda))
        .Read(read => read.Action("FiltrarMovimientos", "ConsultaMovimientos"))
    ))

3 个答案:

答案 0 :(得分:1)

我联系了Progress Telerik支持,这就是他们给出的答案。

  

我们最近有关于此类问题的报道。遇到它的客户已将ASP.NET MVC的UI更新为最新版本   但忘了更新Kendo UI脚本和CSS文件,反之亦然。   你能仔细检查你是否更新了DLL和JS和CSS   文件?要检查页面中当前的Kendo UI脚本版本   可以打电话:

console.log(kendo.version);
  

要检查DLL版本,请打开项目中的References文件夹,   右键单击Kendo.Mvc并选择Properties。

     

两个版本必须匹配才能使小部件正常工作   正确地

请检查您的dll和js / css版本是否匹配。

答案 1 :(得分:1)

我收到重复分页的原因是因为项目中的Kendo.MVC.dll与Kendo css&amp;捆绑包使用的脚本版本。

删除项目中的Kendo.Mvc dll,然后从本地路径重新添加。例如

\Telerik UI for ASP.NET MVC R2 2018\wrappers\aspnetmvc\Binaries\Mvc4Kendo.Mvc.dll

(与史蒂芬安德森的答案相同)

答案 2 :(得分:0)

与剑道2018.1.221有同样的问题。在kendo javascript bundle

之后加载jquery时,问题已修复
@Styles.Render("~/Content/kendo/2018.1.221/css")
@Scripts.Render("~/bundles/kendo/2018.1.221/kendoscripts")
//jquery needs to be loaded after kendo scripts
@Scripts.Render("~/bundles/jquery")