[ASP.NET MVC] WebGrid のページング(2)

参考サイト
http://msdn.microsoft.com/ja-jp/magazine/hh288075.aspx

サーバー側のページ切り替えをやってみるテスト。
表示に必要なデータだけをＤＢから取得する。そしてWebGridでページングする。

■サーバー側のデータ取得（コントローラー）

        /// <summary>
        /// ページングのテスト
        /// </summary>
        /// <returns></returns>
        public ActionResult Paging(int? page)
        {
            // page は WebGrid が生成するページングリンクのURLに
            // GETパラメータとして指定されている
            return View( new PaginatedList<SchoolViewModel>( 
                              getData() , (page != null ? (int)page - 1: 0) , 3 )
            );
        }

        /// <summary>
        /// データを取得します
        /// </summary>
        /// <returns></returns>
        private IQueryable<SchoolViewModel> getData()
        {
            Models.hogeEntities db = new Models.hogeEntities();
            return
                (from sc in db.SchoolClass
                 join s in db.Schooler
                 on sc.ClassID equals s.ClassID
                 orderby sc.Grade, sc.Class
                 select new SchoolViewModel()
                 {
                     Grade = sc.Grade
                    ,
                     Class = sc.Class
                    ,
                     name = s.Name
                 });
        }


ここ↓のPaginatedListというクラスをそのまま流用している
http://www.atmarkit.co.jp/fdotnet/scottgublog/nerddinner/part08.html

■PaginatedList

    public class PaginatedList<T> : List<T>
    {

        public int PageIndex { get; private set; }
        public int PageSize { get; private set; }
        public int TotalCount { get; private set; }
        public int TotalPages { get; private set; }

        public PaginatedList(IQueryable<T> source, int pageIndex, int pageSize)
        {
            PageIndex = pageIndex;
            PageSize = pageSize;
            TotalCount = source.Count();
            TotalPages = (int)Math.Ceiling(TotalCount / (double)PageSize);

            this.AddRange(source.Skip(PageIndex * PageSize).Take(PageSize));
        }

        public bool HasPreviousPage
        {
            get
            {
                return (PageIndex > 0);
            }
        }

        public bool HasNextPage
        {
            get
            {
                return (PageIndex + 1 < TotalPages);
            }
        }
    }

コンストラクタでIQueryableのデータをSkip&Takeして、PageIndexに該当するデータを取得してる。



■chtml

@model MvcApplication1.Models.PaginatedList<MvcApplication1.Models.SchoolViewModel>

@{
    ViewBag.Title = "Paging";
    Layout = "~/Views/Shared/_Layout.cshtml";

    // WebGridオブジェクト生成
    var grid = new WebGrid(null, rowsPerPage: Model.PageSize);
    grid.Bind(Model, rowCount: Model.TotalCount, autoSortAndPage: false);
}

<h2>Paging</h2>

@* WebGridオブジェクトでレンダリング *@
@grid.GetHtml(columns:grid.Columns(
grid.Column("Class","クラス", canSort:false)
    ,grid.Column("Grade", "学年", canSort:false)
    ,grid.Column("Name", "名前", canSort:false)
    )
)

ポイントっぽいところ
・WebGridのコンストラクタで source にnullを指定する
・Bindメソッドでページの表示に必要なデータと全体の件数を渡し、autoSortAndPage を false にする
（autoSortAndPage を false にするとデフォルトのソート機能も無効になる）






WebGridにページに表示する分のデータしか渡していないけど
ちゃんとページングのリンクを生成してくれている。