asp.net-mvc - KendoUI MVC 助手网格分页

Question

我正在使用 Asp.Net KendoUI Grid MVC 帮助程序，但无法使分页正常工作。具体来说，我无法显示总记录。这是代码:

@(Html.Kendo().Grid(Model.FunctionList.AsEnumerable())
        .Name("Grid")
        .DataSource(dataSource => dataSource
            .Server()
            .Total(50)
            .Model(model => model.Id(f => f.FunctionId))
            .Read(read => read.Action("Index", "Function"))
            .Update(update => update.Action("Edit", "Function"))
            .Destroy(destroy => destroy.Action("Delete", "Function"))
            )

  .Columns(columns =>
  {
      columns.Bound(f => f.FunctionName);
      columns.Bound(f => f.FunctionDescription);
      columns.Command(command => { command.Custom("Edit").Action("Edit", "Function").SendDataKeys(true); command.Destroy(); }).Width(200);

  })
.Scrollable()
.Groupable()
.Sortable()

.Pageable(pageable => pageable
                    .PageSizes(true)
                    .ButtonCount(5))

.Filterable(filterable => filterable
                    .Extra(false)
                    .Operators(ops => ops
                        .ForString(str => str.Clear()
                        .Contains("Contains")
                        .StartsWith("Starts with")
                        .EndsWith("Ends with")
                        .IsEqualTo("Equal to")
                        .IsNotEqualTo("Not Equal To")
                    )))    
    )

注意.Total(50)。无论选择的页面大小(5、10 或 20)如何，我都只得到 1 页，即网格显示“n 项中的 1 到 n”，其中 n 是页面大小。对于页面大小为 5 且总记录为 50 的情况，应显示“1 -5 of 50 items”。

生成的 javascript(查看源代码)显示 Total(50) 没有效果:

"pageSize":5,"page":1,"total":5,"serverPaging":true

注意“total”:5，它应该是“total”:50

Answer 1

我正在发布整个网格，该网格在我的应用程序上运行良好。但我查看了您的代码，您的数据源属性有问题，您缺少 .Ajax() 和 .ServerOperation(false)(我添加这两个后就可以进行分页了)，和我的对比一下你就会发现真正的原因

    Html.Kendo().Grid(Model.asdry).Name("abc").Columns(c =>
     {
c.Bound(p => p.datetimecalculated).Format("{0:dd-MM-yyyy}");
         c.Bound("").ClientTemplate("#= purchaseCriteria(data) #").Title("Sold/Bought");
         c.Bound(p => p.numcontracts);
         c.Bound(p => p.entityid);
         c.Bound(p => p.leagueid);
         c.Bound("")
             .ClientTemplate("#= setSeasonYear(data) #")
             .Sortable(false)
             .Title("Year");

         c.Bound("")
             .ClientTemplate("#= setSeason(data) #")
             .Sortable(false)
             .Title("Season");
         c.Bound(p => p.contractmeasurable);
         c.Bound(p => p.price).ClientTemplate("#= moneyformat_at(price) #");
         c.Bound(p => p.profitorloss).ClientTemplate("#= moneyFormat(profitorloss) #");

     }).DataSource(
    d => d
        .Ajax()
        .ServerOperation(false)

    )
    .Pageable()
    .Sortable()
    .Resizable(resizing => resizing.Columns(true))
            )

更新使用这些的原因如下.Ajax()//指定使用ajax绑定(bind).ServerOperation(false)//分页、排序、过滤和分组将在客户端完成