GridView分頁顯示與分頁邏輯設計

在設計和實現GridView的分頁顯示與分頁邏輯時，需要考慮以下幾個關鍵點：

1. 分頁顯示

1.1 數據準備

• 數據源：確定你的數據源，例如數據庫中的表或集合。
• 數據量：了解數據總量，以便計算每頁顯示的數據條數。

1.2 分頁參數

• 當前頁碼：用戶當前請求的頁碼。
• 每頁顯示條數：用戶可以選擇每頁顯示的記錄數。

1.3 計算分頁參數

• 總頁數：根據數據總量和每頁顯示條數計算總頁數。
• 起始索引：計算當前頁的起始數據索引。

2. 分頁邏輯設計

2.1 前端分頁

• 分頁控件：在前端頁面中添加分頁控件，允許用戶選擇頁碼和每頁顯示條數。
• 請求數據：當用戶更改頁碼或每頁顯示條數時，前端發送請求到后端獲取新的數據。

2.2 后端分頁

• 接收請求：后端接收前端的請求，獲取當前頁碼和每頁顯示條數。
• 查詢數據：根據起始索引和每頁顯示條數從數據庫中查詢數據。
• 返回數據：將查詢結果返回給前端。

2.3 分頁狀態管理

• 總頁數：在后端保存總頁數，以便前端顯示。
• 當前頁碼：在后端保存當前頁碼，以便前端下次請求時使用。

3. 示例代碼

以下是一個簡單的示例代碼，展示了如何在ASP.NET MVC中實現GridView的分頁顯示與分頁邏輯。

3.1 控制器代碼

public class HomeController : Controller
{
    private readonly IProductRepository _repository;

    public HomeController(IProductRepository repository)
    {
        _repository = repository;
    }

    public ActionResult Index(int page = 1, int pageSize = 10)
    {
        var totalProducts = _repository.GetTotalProducts();
        var totalPages = (int)Math.Ceiling((double)totalProducts / pageSize);
        var products = _repository.GetProducts(page, pageSize);

        ViewBag.TotalPages = totalPages;
        ViewBag.CurrentPage = page;

        return View(products);
    }
}

3.2 視圖代碼

@model List<Product>

@{
    ViewBag.Title = "Product List";
}

<h2>Product List</h2>

<table>
    <tr>
        <th>ID</th>
        <th>Name</th>
        <th>Price</th>
    </tr>
    @foreach (var product in Model)
    {
        <tr>
            <td>@product.Id</td>
            <td>@product.Name</td>
            <td>@product.Price.ToString("C")</td>
        </tr>
    }
</table>

<div>
    <span>Page @ViewBag.CurrentPage of @ViewBag.TotalPages</span>
    <ul class="pagination">
        <li><a href="@Url.Action("Index", new { page = 1 })">First</a></li>
        @for (int i = 1; i <= ViewBag.TotalPages; i++)
        {
            <li><a href="@Url.Action("Index", new { page = i })">@i</a></li>
        }
        <li><a href="@Url.Action("Index", new { page = ViewBag.TotalPages })">Last</a></li>
    </ul>
</div>

4. 總結

通過上述步驟和示例代碼，你可以實現GridView的分頁顯示與分頁邏輯。關鍵點在于前端和后端的分頁參數傳遞、數據查詢和分頁狀態管理。希望這些信息對你有所幫助！