C# &引用；“每页项目数”；及；{0}-{2}中的{1}”；在我按下F12键之前，剑道不会显示在UI上

我在MVC应用程序中使用剑道网格

@(Html.Kendo().PanelBar().Name("panelbar").ExpandMode(PanelBarExpandMode.Single).SelectedIndex(0).Items(panelbar =>
        {
            panelbar.Add().Encoded(false).Text("<div Customer </div>").Content(@<div>
                        @(Html.Kendo().Grid(Model).Name("grid_messageGroup").Columns(columns =>
                        {
                            columns.Bound(f => f.Title).Title("TitleName");
                            columns.Bound(f => f.Message).Title("MessageTitle");
                            columns.Bound(f => f.MessageBoard).Hidden().IncludeInMenu(false);
                        })
                        .Events(e => e.CustomEvent)
                        .Reorderable(reoder => reoder.Columns(true))
                        .HtmlAttributes(new { @class = "styleCSS" })
                        .Sortable(sortable => sortable.AllowUnsort(false))
                        .ColumnMenu(columnMenu => columnMenu
                            .Messages(columnMenuMessages => columnMenuMessages
                                .SortAscending(SortAscending)
                                .SortDescending(SortDescending)
                                .Columns(Columns)
                                .Filter(Filter)
                            )
                        )
                        .Selectable().Sortable().Filterable(filterable => filterable.Extra(true)
                        .Messages(messages => messages.Filter(Filter).Clear(Clear).Info(Info))
                        .Operators(operators => operators.ForString(str => str.Clear().Contains(ContainsColumnFilterOperator)).ForEnums(en => en.Clear().IsEqualTo(EqualsColumnFilterOperator)))).Resizable(resize => resize.Columns(true))
                        .ClientDetailTemplateId("template")
                        .DataSource(dataSource => dataSource.Ajax().ServerOperation(false))
                        .Filterable(filterable => filterable.Extra(false).Operators(operators => operators.ForString(str => str.Clear().Contains(ContainsColumnFilterOperator))
                        .ForDate(d => d.Clear().IsEqualTo(EqualsColumnFilterOperator)
                        .IsLessThan(LessThanColumnFilterOperator)
                        .IsGreaterThan(GreaterThanColumnFilterOperator))
                        .ForEnums(en => en.Clear().IsEqualTo(EqualsColumnFilterOperator))))
                        .Pageable(pager => pager
                        .Numeric(true)
                        .Info(true)
                        .PreviousNext(true)
                        .Refresh(false)
                        .PageSizes(new[] { 6, 25, 50, 100 })
                        .Messages(pagerMessages => pagerMessages
                                    .Display(KendoGrid.Display)
                                    .Empty(KendoGrid.EmptyListView)
                                    .First(KendoGrid.FirstPageText)
                                    .ItemsPerPage(KendoGrid.ItemsPerPage)
                                    .Last(KendoGrid.LastPageText)
                                    .Next(KendoGrid.NextPageText)
                                    .Previous(KendoGrid.PreviousPageText)
                                    .MorePages(KendoGrid.MorePagesText)
                                    .AllPages(KendoGrid.AllPages)
                                )
                            )
                        .NoRecords(GridNoRecordsFound))
                    </div>);

            panelbar.Add().Encoded(false).Text("<div> PublicMessageAddCustomers </div>").Content(@<div>
                            @(Html.Kendo().Grid(Model).Name("grid_recipient").Columns(columns =>
                            {
                                columns.Bound(f => f.Name).Title("CustomName");
                                columns.Bound(f => f.CustomName).Title("CustomTitle");
                            })
                            .HtmlAttributes(new { @class = "CSSStyleClass" })
                             .ColumnMenu(columnMenu => columnMenu
                                    .Messages(columnMenuMessages => columnMenuMessages
                                        .SortAscending(SortAscending)
                                        .SortDescending(SortDescending)
                                        .Columns(Columns)
                                        .Filter(Filter)
                                    )
                            )
                            .Reorderable(reoder => reoder.Columns(true))
                            .Selectable()
                            .Sortable()
                            .Scrollable()
                            .Resizable(resize => resize.Columns(true))
                            .Pageable(pager => pager
                                .Numeric(true)
                                .Info(true)
                                .PreviousNext(true)
                                .Refresh(false)
                                .PageSizes(new[] {6, 25, 50, 100})
                                .Messages(pagerMessages => pagerMessages
                                    .Display(KendoGrid.Display)
                                    .Empty(KendoGrid.EmptyListView)
                                    .First(KendoGrid.FirstPageText)
                                    .ItemsPerPage(KendoGrid.ItemsPerPage)
                                    .Last(KendoGrid.LastPageText)
                                    .Next(KendoGrid.NextPageText)
                                    .Previous(KendoGrid.PreviousPageText)
                                    .MorePages(KendoGrid.MorePagesText)
                                    .AllPages(KendoGrid.AllPages)
                                )
                            )
                            .NoRecords(GridNoRecordsFound)
                           .DataSource(dataSource => dataSource.Ajax().ServerOperation(false))
                            .Filterable(filterable => filterable.Extra(false)
                            .Messages(messages => messages.Filter(Filter).Clear(Clear).Info(Info))
                            .Operators(operators => operators.ForString(str => str.Clear().Contains(ContainsColumnFilterOperator)).ForEnums(en => en.Clear().IsEqualTo(EqualsColumnFilterOperator)))).Resizable(resize => resize.Columns(true)))
                        </div>);
            }))

@（Html.Kendo（）.PanelBar（）.Name（“PanelBar”）.ExpandMode（PanelBarExpandMode.Single）。选择索引（0）。项（PanelBar=>
{
panelbar.Add（）.Encoded（false）.Text（“在面板中使用网格时，我也遇到了同样的问题。当您按F12键时，会触发窗口的调整大小，这也会导致寻呼机调整大小，并使其看起来符合您的预期

我目前使用的修复方法是调用网格的寻呼机控件上的
resize
函数

<script>
    var grid = $("#grid_messageGroup").data("kendoGrid");
    grid.pager.resize();
</script>


var grid=$（“#grid_messageGroup”）.data（“kendoGrid”）；
grid.pager.resize（）；

从网格的
DataBound
事件中可以调用此函数