Kendo UI Grid的页眉中的每页项目

Question

我想要获得Kendo Grid以显示每页的产品数量，并且使用以下代码，它会渲染下拉菜单以选择每页的多个项目网格。

是否有可能在网格本身以外的头部或其他html元素中渲染下拉菜单？

@(Html.Kendo().Grid(Model.Products) 
     .Name("Grid") 
     .Columns(columns => 
     {    
      columns.Bound(p => p.Id).Groupable(false).Visible(false); 
      columns.Bound(p => p.Name); 
      columns.Bound(p => p.UnitPrice); 
     }) 
     .Pageable(pager => { pager.PageSizes(true); }) 
     .Sortable() 
     .DataSource(dataSource => dataSource 
      .Ajax() 
      .Read(read => read.Action("Products_Read") 
     ) 
    ) 

Answer 1

不可能在网格外渲染内置页面下拉菜单。然而，它是相对容易的创建一个单独的下拉列表，并更改网格的页面大小：

@(Html.Kendo().DropDownList() 
     .Name("pages") 
     .Events(e => e.Change("onChange")) 
) 

<script> 
function onChange() { 
    $("#Grid").data("kendoGrid").dataSource.pageSize(this.value()); 
} 
</script> 

这里有一个现场演示：http://jsbin.com/uwiqow/1/edit