Kendo 滚动时缺少网格错误

Question

我有简单的 kendo 滚动网格。它在开头显示 20 个项目，滚动时它会动态获取更多数据并添加到网格中。

通常在加载网格时获取第一页数据时，当数据服务抛出这样的异常时：

return new HttpStatusCodeResult((int)HttpStatusCode.ServiceUnavailable, this.T("System Error - retrying.").Text);

我的js方法在配置中绑定

Events(events => events.Error("acc.mp.gridErrorDialog"))

捕获它并显示正确的消息。

问题出在下一页，此时网格正在获取更多数据。我已经看到当我触摸滚动条并滚动 3 行时发生这种情况（即使认为页面大小是 20），当我滚动 20 个项目时，网格试图将数据获取到缓冲区以显示它们。

但是当此操作发生错误时，与第一个查询相同，Kendo 网格不会立即显示它（因为我还没有 scrool 20 行，只是它保留在他的缓冲区中）并且什么都没有发生，当我滚动到 20 行时，微调器显示并全部冻结。 Method acc.mp.gridErrorDialog 没有被解雇。

网格初始化：

public static GridBuilder<T> InitializeGrid<T>(this GridBuilder<T> gridBuilder, string gridName, string dataBindAction, string controllerName, object routeValues) where T : class
        {
            if (gridBuilder == null)
            {
                throw new ArgumentNullException("gridBuilder");
            }

            return
                gridBuilder
                .Name(gridName)
                .TableHtmlAttributes(new { Class = "styled", cellpadding = "0", border = "0", margin = "0" })
                .HtmlAttributes(new { Class = "dynamicGridHeight" })
                .AutoBind(false)
                .DataSource(
                            dataSource =>
                            dataSource.Ajax()
                            .PageSize(ModelPortfolioConfigurationManager.GridPageSize)
                            .ServerOperation(true)
                            .Events(events => events.Error("acc.mp.gridErrorDialog"))
                            .Read(read => read.Action(dataBindAction, controllerName, AddAntispinnerParameter(routeValues))));
        }

和网格：

@(Html.Kendo()
    .Grid<ValidatedClientAccountViewModel>()
        .InitializeGrid(Naming.GridId(GridType.Upper), "GetClients, "ModelClients", new { modelTemplateId = Model.ModelId })
                    .DataSource(dataSource => dataSource
                    .Ajax()
                    .Model(model => model.Id(o => o.AccountId)))    
    .ToolBar(toolBar => toolBar.Template(
        @<text>
             <script type="text/javascript">
                 acc.mp.utils.bindLiveSearch($("#@Naming.GridId(GridType.Upper) input[name='txtSearch']"), function () { $("#@Naming.GridId(GridType.Upper) button[name='btnSearch']").click(); });                 
                 acc.mp.utils.searchGridFocus($("#@Naming.GridId(GridType.Upper) input[name='txtSearch']"));
             </script>
            </text>))
            .Columns(columns =>
            {
                columns.Bound(o => o.AccountId)
                    .ClientTemplate(ClientTemplates.UpperGridRowSelection)
                    .HtmlAttributes(new { style = "text-align: center" })
                    .HeaderTemplate(ClientTemplates.SelectAllCheckBox("cbLinkAll"))
                    .HeaderHtmlAttributes(new { style = "text-align: center" })
                    .Filterable(true)
                    .Sortable(false)
                    .Width(35);
                columns.Bound(o => o.ClientReferenceNumber).Title(accountReference).HeaderHtmlAttributes(new { title = accountReference });
            })
            .EnableScrollingAndPaging(ModelPortfolioConfigurationManager.GridPageSize)
            .Sortable()
            .Events(events =>
            {
                events.DataBinding("acc.mp.clientAccounts.upperGrid.dataBinding");
                events.DataBound("acc.mp.clientAccounts.upperGrid.dataBound");
                events.Change("acc.mp.clientAccounts.upperGrid.rowSelect");
            })
            )

Answer 1

这是 kendo 中的错误，您可以在此处跟踪问题的状态 https://github.com/telerik/kendo-ui-core/issues/749

Kendo 滚动时缺少网格错误

Kendo grid error missing when scrolling

telerik

kendo-ui

kendo-grid

kendo-asp.net-mvc