Angularjs 在angular js中,分页在我的剑道ui网格中不起作用
我想用AngularJS中的脚本在剑道网格ui中实现服务器端分页、排序和过滤,但问题是分页不起作用 前10条记录正在显示,但当我单击第2页时,服务器端呼叫不进行,并且没有显示任何记录 资料来源: 我的看法是: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" />
<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()
返回IQueryableholidayList.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));
}