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

Kendo UI Grid标题中的每页项目数

1 个答案: