在我按F12键之前，用户界面上不会显示Kendo中每页项目(&Q)和{0}-{1}(共{2}&Q；) [英] "Items per page" and "{0} - {1} of {2}" in Kendo is not displaying on UI until I press F12 key
本文介绍了在我按F12键之前，用户界面上不会显示Kendo中每页项目(&Q)和{0}-{1}(共{2}&Q；)的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我正在MVC应用程序中使用Kendo网格。
@(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>);
}))
除
外，其他各项工作正常- 每页项目在我按F12键之前，文本不会显示在UI中，这是一种奇怪的行为。
- {0}-{2}中的{1}未在UI上显示
- 在浏览器上呈现页面时，页面大小下拉列表显示1、2、3。但不是我的PageSize值(6，25，50,100)，当我按F12键时，页面大小下拉列表显示正确。
有人能帮帮我吗？
推荐答案
我在面板中使用网格时也遇到过同样的问题。当您按F12时，您将触发窗口上的大小调整，这也会使寻呼机调整大小并使其看起来与您预期的一样。
我使用的当前修复程序是调用网格的分页控件上的resize函数。
<script>
var grid = $("#grid_messageGroup").data("kendoGrid");
grid.pager.resize();
</script>
最好从网格的DataBound事件中调用它。
这篇关于在我按F12键之前，用户界面上不会显示Kendo中每页项目(&Q)和{0}-{1}(共{2}&Q；)的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
