Question

我有一个KendoUI MVC网格，如下所示：

@(Html.Kendo().Grid<MonitoringVm>()
          .Name("monitoringGrid")
          .Columns(columns =>
          {
              columns.Bound(c => c.RecordDateTime).Title("Date Time").Format("{0:dd/MM/yyyy hh:mmtt}").Width(149);
              columns.Bound(c => c.SourceEndpointName).Title("Source").Width(100).Sortable(true);
              columns.Bound(c => c.DestinationEndpointName).Title("Destination").Width(100);
              columns.Bound(c => c.TagName).Title("Tag").Width(120);
              columns.Bound(c => c.ErrorDescription).Title("Description");
              columns.Bound(c => c.LogTransferErrorId).Title("Retry")
                  .ClientTemplate("<div style='text-align: center;'><button class='k-button k-primary' type='button' onclick=\"javascript: retryRequest(this);\">Retry</button></div>")
                  .HeaderTemplate("<div style='text-align: center;'>Retry</div>")
                  .Width(50);
              columns.Bound(c => c.LogTransferErrorId).Title("Delete")
                  .ClientTemplate("<div style='text-align: center;'><img src='/Content/Images/iconfinder_bin.png' onclick=\"javascript: confirmArchiveError('#:data.LogTransferErrorId#');\" class='archive-error'/></div>")
                  .HeaderTemplate("<div style='text-align: center;'>Delete</div>")
                  .Width(50);
          }
          )
          .Pageable()
          .Sortable(sortable => sortable.AllowUnsort(true))
          .ClientDetailTemplateId("template")
          .DataSource(dataSource => dataSource
              .Ajax()
              .PageSize(25)
              .ServerOperation(true)
              .Read(read => read.Action("ReadErrorRecords", "Monitoring"))
          )
          .Events(events => events.DataBound("dataBound")))

对应的控制器如下：

private readonly JsonHttpClient _client;
public JsonResult ReadErrorRecords([DataSourceRequest]DataSourceRequest request)
    {
        var urlEndpoint = $"Monitor/ErrorRecords?page={request.Page}&pageSize={request.PageSize}";
        var response = _client.Get<MonitoringVmResponse>(urlEndpoint);

        DataSourceResult result = response.Results.ToDataSourceResult(request);
        result.Total = response.Count ?? 0;
        return Json(result);
    }

当我导航到其他页面时，将调用上述控制器方法。在调试器中，我观察到我收到了正确的数据，并且从控制器返回了同样的数据。

在UI上，对于第一页之后的后续页面，不显示数据。我想念什么？

Answer 1

似乎您在进行两次分页。

假设您发出了第二页的请求。我想您的_client.Get<MonitoringVmResponse>(urlEndpoint)将返回26到50的记录。但是稍后您将在内部调用response.Results.ToDataSourceResult(request)和.Skip(25)，它们在内部也将应用.Take(25)和.ToDataSourceResult(request)，因此上次调用中的所有项目都将被跳过，并且不会有数据返回到您的视图。 >

我想有2种可能的解决方法：

可以代替GroupBy使用其他Kendo扩展方法，例如OrderBy，Where，.ToDataSourceResult(request)等。
可以通过提供值1作为request.Page来“愚弄” var response = _client.Get<MonitoringVmResponse>(urlEndpoint); request.Page = 1; DataSourceResult result = response.Results.ToDataSourceResult(request);方法：

no-cond-assign

KendoUI MVC网格不显示除第一页以外的其他页面的数据

1 个答案: