Asp.net mvc 4 剑道UI网格标题中每页的项目数

Asp.net mvc 4 剑道UI网格标题中每页的项目数,asp.net-mvc-4,kendo-ui,kendo-grid,Asp.net Mvc 4,Kendo Ui,Kendo Grid,我试图在每页显示一些产品,使用下面的代码,它将呈现一个下拉列表,在网格的页脚中选择每页的一些项目 是否可以在标题或网格本身之外的其他html元素中呈现下拉列表 @(Html.Kendo().Grid(Model.Products) .Name("Grid") .Columns(columns => { columns.Bound(p => p.Id).Groupable(fa

我试图在每页显示一些产品,使用下面的代码,它将呈现一个下拉列表,在网格的页脚中选择每页的一些项目

是否可以在标题或网格本身之外的其他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")
        )
    )

无法在网格外呈现内置页面下拉列表。但是,创建单独的dropdownlist并更改网格的页面大小相对容易:

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

<script>
function onChange() {
     $("#Grid").data("kendoGrid").dataSource.pageSize(this.value());
}
</script>
@(Html.Kendo().DropDownList())
.名称(“页数”)
.Events(e=>e.Change(“onChange”))
)
函数onChange(){
$(“#网格”).data(“kendoGrid”).dataSource.pageSize(this.value());
}

这是一个实时演示:

该演示缺少下拉列表,因此没有任何价值。