ASP.Net MVC的自定义分页Kendo Grid

Question

我有一个MVC Kendo Grid，如下所示。它与默认分页工作正常。

现在，我想做自定义分页。在控制器操作中，我们需要知道当前页面索引。它也应该设置网格的“总数”。 [即使数据库中有100条记录，实际数据源一次只能有2条记录。因此，网格必须使用“总计”属性知道数据库中的记录总数。]

查询一次只能从数据库返回2条记录。

我们如何使用Kendo Grid的MVC包装来做这个自定义服务器分页？

@using (Html.BeginForm()) 
{ 

    @(Html.Kendo().Grid<KendoUIMvcSample.Models.Sample>()  
    .Name("ssgrid222") 
    .Columns(columns => { 
     columns.Bound(p => p.SampleDescription).Filterable(false).Width(100); 
     columns.Bound(p => p.SampleCode).Filterable(false).Width(100); 
     columns.Bound(p => p.SampleItems).Filterable(false).Width(100); 
    }) 
    .AutoBind(false) 
    .Pageable() 
    .Sortable() 
    .Scrollable() 
    .Filterable() 
    .HtmlAttributes(new { style = "height:430px;" }) 
    .DataSource(dataSource => dataSource 
     .Ajax() 
     .PageSize(2) 
     .Read(read => read.Action("Orders_Read", "Sample") 
) 
    ) 
) 
} 

控制器

public ActionResult Orders_Read([DataSourceRequest]DataSourceRequest request) 
     { 

      int currentPageNumber = request.Page; 
      return Json(GetOrders().ToDataSourceResult(request)); 
     } 

Answer 1

它在kendo site定义

控制器代码

//Paging and Sorting 
    int currentPage = request.Page; 
    int pageSize = request.PageSize; 
    string sortDirection = "ASC"; 
    string sortField = "UpdatedDateTime"; 

    if (request.Sorts != null && request.Sorts.Count > 0) 
    { 
     sortField = request.Sorts[0].Member; 
     sortDirection = request.Sorts[0].SortDirection.ToString(); 
    } 

//Setting the TOTAL 
var result = new DataSourceResult() 
{ 
    Data = orders, 
    Total = total // Total number of records 
}; 

return Json(result); 

VIEW

 <div class="GridSearch"> 

       @(Html.Kendo().Grid<MVC.Models.TransactionHistoryModel>() 
    .Name("TransactionHistroyGrid") 
    .DataSource(dataSource => dataSource 
     .Ajax() 
     .PageSize(25) 
     .ServerOperation(true) 
     .Read(read => read 
      .Action("TransactionHistorySearch_Read", "TransactionHistoryResults") 
      .Data("additionalData") 
      ) 
    ) 
    .Columns(columns => 
    { 
     columns.Bound(p => p.UserId).Filterable(false).Width(40).Title("Userid"); 
     columns.Bound(p => p.Reviewed).Template(@<text></text>).ClientTemplate("<input id='checkbox' class='chkbx' type='checkbox' />").Filterable(false).Width(30).Title("Reviewed"); 
     columns.Bound(p => p.CreatedOnEnd).Format("{0:MM/dd/yyyy}").Filterable(false).Width(50).Title("Created On"); 
     columns.Bound(p => p.UpdatedOnEnd).Format("{0:MM/dd/yyyy}").Filterable(false).Width(50).Title("Updated On"); 
     columns.Bound(p => p.Comment).Filterable(false).Width(50).Title("Comment"); 
    }) 
    .Pageable() 
    .Sortable() 
    .Scrollable() 
    .Filterable() 
    .HtmlAttributes(new { style = "height:325px;" }) 

) 
      </div> 

Answer 2

。这是我们对剑道的ListView实现了自定义分页的解决方案。稍作修改后，它应该适用于电网。该解决方案由一个自定义的DataSoure对象和一个自定义的JSonResult类组成。

自定义数据源：

public class MyDataSource 
{ 
    public object AggregateResults { get; set; } 
    public object Data { get; set; } 
    public object Errors { get; set; } 
    public int Total { get; set; } 
} 

定制的ActionResult：

public class JsonNetResult : ActionResult 
{ 
    public Encoding ContentEncoding { get; set; } 
    public string ContentType { get; set; } 
    public object Data { get; set; } 

    public JsonSerializerSettings SerializerSettings { get; set; } 
    public Formatting Formatting { get; set; } 

    public JsonNetResult() 
    { 
     SerializerSettings = new JsonSerializerSettings(); 
    } 

    public override void ExecuteResult(ControllerContext context) 
    { 
     if (context == null) 
      throw new ArgumentNullException("context"); 

     HttpResponseBase response = context.HttpContext.Response; 

     response.ContentType = !string.IsNullOrEmpty(ContentType) 
            ? ContentType 
            : "application/json"; 

     if (ContentEncoding != null) 
      response.ContentEncoding = ContentEncoding; 

     if (Data != null) 
     { 
      var writer = new JsonTextWriter(response.Output) { Formatting = Formatting }; 

      JsonSerializer serializer = JsonSerializer.Create(SerializerSettings); 
      serializer.Serialize(writer, Data); 

      writer.Flush(); 
     } 
    } 

在一个操作方法的典型用途是：

public ActionResult Orders_Read([DataSourceRequest] Object request) 
    { 
     int count = 0; 
     var ds = (DataSourceRequest)request; 
     var ListOfItemsToDisplay = GetItemsWithPagingInfo 
           (
            MySearchParameters, 
            ds.PageSize, 
            ds.Page, 
            out count 
           ); 
     return new JsonNetResult 
           { 
            Formatting = Formatting.Indented, 
            Data = new MyDataSource 
                { 
                 Data = ListOfItemsToDisplay 
                 Total = count, 
                 AggregateResults = null, 
                 Errors = null 
                } 
            }; 
    }