asp.net-mvc-4 - 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