1

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")
        )
    )
4

1 に答える 1

3

組み込みのページ ドロップダウンをグリッドの外に表示することはできません。ただし、別のドロップダウン リストを作成してグリッドのページ サイズを変更するのは比較的簡単です。

@(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

于 2013-02-25T15:06:12.680 に答える