Angularjs 在angular js中,分页在我的剑道ui网格中不起作用

Angularjs 在angular js中,分页在我的剑道ui网格中不起作用,angularjs,kendo-ui,kendo-grid,kendo-asp.net-mvc,Angularjs,Kendo Ui,Kendo Grid,Kendo Asp.net Mvc,我想用AngularJS中的脚本在剑道网格ui中实现服务器端分页、排序和过滤,但问题是分页不起作用 前10条记录正在显示,但当我单击第2页时,服务器端呼叫不进行,并且没有显示任何记录 资料来源: 我的看法是: <link href="~/css/kendo.common-material.min.css" rel="stylesheet" /> <link href="~/css/kendo.rtl.min.css" rel="stylesheet" />

我想用AngularJS中的脚本在剑道网格ui中实现服务器端分页、排序和过滤,但问题是分页不起作用

前10条记录正在显示,但当我单击第2页时,服务器端呼叫不进行,并且没有显示任何记录

资料来源:

我的看法是:

 <link href="~/css/kendo.common-material.min.css" rel="stylesheet" />
    <link href="~/css/kendo.rtl.min.css" rel="stylesheet" />
    <link href="~/css/kendo.material.min.css" rel="stylesheet" />
    <div class="table-responsive" ng-controller="GridDemoCtrl">
                <kendo-grid options="mainGridOptions">
                </kendo-grid>
            </div>
   <!-- jQuery -->
    <script src="~/vendor/jquery/jquery.min.js"></script>

    <!-- Angular -->
    <script src="~/vendor/angular/angular.js"></script>
 <script src="~/js/kendo.all.min.js.js"></script>
我的控制器:

[HttpPost]
        public ActionResult GetListofHolidays(DataSourceRequest command)
        {
           var holidayList = _holidayService.GetAllHolidays(command.Page - 1, command.PageSize,null);
           var gridModel = new DataSourceResult
           {
               Data = holidayList.Select(x =>
               {
                   var holidayModel = new HolidayModel();
                   holidayModel.HolidayName = x.HolidayDiscription;
                   holidayModel.HolidayDate = x.HolidayDate;
                   holidayModel.HolidayDiscription = x.HolidayDiscription;
                   return holidayModel;
               }),
               Total = holidayList.TotalCount,
           };
           return Json(gridModel);
        }

public  class DataSourceRequest
    {
        public int Page { get; set; }

        public int PageSize { get; set; }

        public DataSourceRequest()
        {
            this.Page = 1;
            this.PageSize = 10;
        }
    }

public class DataSourceResult
    {
        public object ExtraData { get; set; }

        public IEnumerable Data { get; set; }

        public object Errors { get; set; }

        public int Total { get; set; }
    }

因此,请任何人都能告诉我我的代码有什么问题以及为什么分页不起作用???

您需要让Kendo处理分页等。确保查询中的LINQ(您是否使用类似ORM的实体框架?)尚未执行查询,并让
GetAllHolidays()
返回IQueryable
holidayList.ToDataSourceResult()将添加分页、排序和筛选并执行查询

试试这个:

[HttpPost]
public ActionResult GetListofHolidays([DataSourceRequest]DataSourceRequest request)
{
    IQueryable<HolidayModel> holidayList = _holidayService.GetAllHolidays();
    return Json(holidayList.ToDataSourceResult(request));
}
[HttpPost]
public ActionResult GetListofHolidays([DataSourceRequest]DataSourceRequest请求)
{
IQueryable holidayList=\u holidayService.GetAllHolidays();
返回Json(holidayList.ToDataSourceResult(请求));
}

我正在使用脚本执行此操作。请查看我的问题,我的DataSourceRequest是我创建的自定义类,是的,我正在使用实体框架
[HttpPost]
public ActionResult GetListofHolidays([DataSourceRequest]DataSourceRequest request)
{
    IQueryable<HolidayModel> holidayList = _holidayService.GetAllHolidays();
    return Json(holidayList.ToDataSourceResult(request));
}