asp.net-mvc - asp.net mvc のクライアント側 Kendo UI グリッドでサーバー側ページングを実装する方法

Question

クライアント側の Kendo UI Grid を使用してサーバー側のページングを実装する方法を誰か教えてもらえますか?

Answer 1

更新:オープン ソースの .NET ライブラリをリリースしました。これにより、ページング、並べ替え、フィルタリングがより簡単になります。

に設定すると、グリッドは電流を送信しpageSizeます。サーバー側では、提供された情報を使用してデータをページングし、アイテムの総数と一緒に返す必要があります。コード スニペットを次に示します。skipserverPagingtrue

アクション

public ActionResult Products(int pageSize, int skip) 
{
     using (var northwind = new NorthwindDataContext())
     {
        var products = northwind.Products;
        // Get the total number of records - needed for paging
        var total = products.Count();

        // Page the data
        var data = products.Skip(skip).Take(pageSize).ToList();

        // Return as JSON - the Kendo Grid will use the response
        return Json(new { total = total, data = data });
     }
}

意見

$("#grid").kendoGrid({
    dataSource: {
        transport: {
            read: {
               url: "home/products",
               dataType: "json",
               type: "POST"
            }
        },
        schema: {
            data: "data", // records are returned in the "data" field of the response
            total: "total" // total number of records is in the "total" field of the response
        },
        serverPaging: true // enable server paging
    }
});

参照

LINQ によるページング

• Take() と Skip()

データソース構成設定

• サーバーページング
• スキーマ.データ
• スキーマ.合計