首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式碼之家 >> 編程語言 >  >> .NET 網頁程式設計 >> ASP.NET 基礎 >> 關於ASP.NET

ASP.NET MVC 實用技巧(三):自訂分頁元件 Pager

     編輯:關於ASP.NET

分頁需求與模擬資料

假設需要一個顯示頁碼的分頁列,URL 格式為 /Home/Index?p=1、/Home/Index?p=2 等。Controller 模擬資料:

public ActionResult Index(int? p) {
    if (!p.HasValue) p = 1;
    var list = new List<int>();
    for (var i = 0; i < 10; i++) list.Add(p.Value);
    return View(list);
}

View 實作

使用強型別 View (ViewPage<List<int>>) 顯示列表,並在預留區塊放入分頁邏輯。分頁邏輯包含首頁、上一頁、下一頁、末頁按鈕,以及頁碼區間顯示,並根據 HasPreviousPage、HasNextPage 決定按鈕啟用狀態。

分頁 UI 範例 第一頁 第二頁
  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved