18

1000以上のデータを表示するKendoUIグリッドがあります。さまざまなページサイズ（15、25、50、100）のドロップダウンリストもあります。ページサイズを選択するときに、Kendo UIグリッドのページサイズを変更するにはどうすればよいですか？

4

6 に答える 6

20

コンボボックス変更イベントでページサイズを設定できます。（JSBinの例も参照してください。）

$("#comboBox").kendoComboBox({
    dataTextField: "text",
    dataValueField: "value",
    dataSource: [
        { text: 1 },
        { text: 2 },
        { text: 3 },
        { text: 4 },
        { text: 5 }
    ],
    change: function(e) {
      var grid = $("#grid").data("kendoGrid");
      grid.dataSource.pageSize(parseInt(this.value()));  // this.value() being the value selected in Combo
    }
});
于 2012-07-05T13:40:49.320 に答える
20

これがASP.NETMVCヘルパーを使用した最新のものです

.Pageable(pager => pager.PageSizes(new int[] {20, 50, 100})) // Enable paging
于 2013-07-10T22:52:13.960 に答える
14

また、jsで次のことを行うことにより、グリッドの最新バージョンに組み込まれています

pageable: {
    pageSizes: [10, 25, 50, 100]
}

http://docs.kendoui.c​​om/api/web/pager

于 2012-08-01T13:51:07.360 に答える
2

リックは良い方法でそれをもっと説明しました。誰かがここでそれがどこで行われるべきかを見逃した場合、それは画面の短いスナップでどこで行われるべきかを知るためのコードピースです

@(Html.Kendo().Grid(Model)
      .Name("SiteUserGrid")
      .Columns(columns =>
          {
              columns.Bound(u => u.LastName).Title("Last Name");
              columns.Bound(u => u.FirstName).Title("First Name");
              columns.Bound(u => u.UserName).Title("User Name");
              columns.Bound(u => u.EmailAddress).Title("Email Address");
              columns.Bound(u => u.AccessLevel).Title("Access Level");
              columns.Bound(u => u.Status).Title("Status");
              columns.Bound(u => u.UserId).Filterable(f => f.Enabled(false)).ClientTemplate(actionColumnTemplate).Title("Action").Sortable(false).Width(190);
          })
      .Pageable(pageable => pageable.ButtonCount(10))

.Pageable（pager => pager.PageSizes（new int [] {5,10,15,20,30,50,100}））

      .Selectable(selectable => selectable.Mode(GridSelectionMode.Single))
      .Sortable()
      .Filterable(filterable => filterable
                                    .Extra(false)
                                    .Operators(operators => operators
                                                                .ForString(str => str.Clear()
                                                                                     .StartsWith("Starts with")
                                                                                     .Contains("Contains")
                                                                                     .IsEqualTo("Is equal to")
                                                                ))

お役に立てれば

于 2014-10-09T18:25:24.630 に答える
2

Rick Glosの答えを拡張するには：

Pageable PageSizesを汎用オブジェクトの配列に設定できるため、JavaScriptでpageSizesを設定しなくても、「すべて」オプションを使用できます。

.Pageable(pager => pager.PageSizes(new object[] {20, 50, 100, "All"}))
于 2016-03-18T17:35:43.907 に答える
1

http://docs.kendoui.c​​om/api/wrappers/php/Kendo/UI/GridPageable

$pageable = new \Kendo\UI\GridPageable();
$pageable->pageSizes(array(20,50,100));
于 2013-12-13T01:26:16.110 に答える