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