Ajax绑定

当配置为Ajax绑定时，ListView为ASP。NET Core在进行分页时发出Ajax请求。

开始

配置ASP的ListView。NET Core for Ajax绑定:

1. 添加一个新的操作方法，用于返回填充ListView的数据。注意，action方法有一个type形参Kendo.Mvc.UI.DataSourceRequest．它将包含当前的ListView请求信息。属性来修饰该参数Kendo.Mvc.UI.DataSourceRequestAttribute．属性的填充DataSourceRequest对象。

   public ActionResult Orders_Read([DataSourceRequest]DataSourceRequest request) {}

2. 使用ToDataSourceResult扩展方法来转换您的这个IQueryable或IEnumerable到一个Kendo.Mvc.UI.DataSourceResult对象。类提供的信息，此扩展方法将对数据进行分页、筛选、排序或分组DataSourceRequest对象。使用ToDataSourceResult扩展方法，导入Kendo.Mvc.Extensions名称空间。

   public ActionResult Orders_Read([DataSourceRequest]DataSourceRequest request){//结果可以是任意IEnumerable或iquererable。var result = myService.Orders;var dsResult = result.ToDataSourceResult(请求);｝

3. 返回DataSourceResult为JSON。

   public ActionResult Orders_Read([DataSourceRequest]DataSourceRequest request){//从服务中获取订单。var orders = myService.Orders;//使用ToDataSourceResult()扩展方法应用请求的排序，页面，组，过滤。var dsResult = orders.ToDataSourceResult(请求);返回Json (dsResult);｝

4. 在视图中，配置ListView以使用在前面步骤中创建的动作方法。您可以使用下面示例中的示例模型和数据。的ToDataSourceResult方法使用DataSourceRequest参数和Linq表达式来应用分页、排序、过滤和分组。action方法的JSON响应将只包含一页数据。ListView将被绑定到该数据。

   @(Html.Kendo().ListView() . name ("ListView") . tagname ("div") . clienttemplateid ("template") . dataSource (dataSource => dataSource . ajax (). pagesize (6) . read (read => read。Action("Orders_Read"， "ListView"))) .Pageable())

   < script type = " text / x-kendo-tmpl " id = "模板" > < div class = "秩序”> < h3 > # = OrderID # < / h3 > < dl > < dt >船舶名称:< / dt > < dd > # = ShipName # < / dd > < / dl > < dl > < dt >船舶城市:< / dt > < dd > # = ShipCity # < / dd > < / dl > < dl > < dt >运费:< / dt > < dd > # =剑道。toString(运费、n2) # < / dd > < / dl > < dl > < dt >订单日期:< / dt > < dd > # =剑道。toString(OrderDate， "D")#