Repeater 控件是 ASP.NET Web Forms 中的一個數據綁定控件，用于在服務器端對數據進行循環顯示。要實現分頁并動態加載內容，你需要遵循以下步驟：
準備數據源：首先，你需要一個數據源，例如數據庫查詢結果或集合。這個數據源將包含你想要在分頁中顯示的數據。
創建 Repeater 控件：在你的 ASP.NET 頁面上添加一個 Repeater 控件，并為其設置 RepeatColumns、RepeatDirection 和 RepeatLayout 屬性以確定數據的顯示方式。
添加分頁邏輯：為了實現分頁，你需要在服務器端創建一個分頁邏輯。這通常包括計算總頁數、處理分頁參數（如當前頁碼）以及從數據源中獲取當前頁的數據。
使用 SqlDataSource 或其他數據源控件：為了簡化數據訪問，你可以使用 SqlDataSource 控件或其他數據源控件。這些控件可以幫助你執行數據庫查詢并返回指定結果集。
在后臺代碼中處理分頁邏輯：在后臺代碼（如 C# 或 VB.NET）中，你需要編寫處理分頁邏輯的代碼。這包括根據當前頁碼從數據源中獲取數據并將其綁定到 Repeater 控件。
創建分頁按鈕：在頁面上添加分頁按鈕，以便用戶可以導航到不同的頁面。你可以使用 GridView 或其他分頁控件來顯示分頁按鈕，并通過事件處理程序處理按鈕點擊事件。
測試分頁功能：確保你的分頁功能正常工作，用戶可以通過點擊分頁按鈕在不同的頁面之間切換，并看到相應的數據。
下面是一個簡單的示例，展示了如何使用 SqlDataSource 和 Repeater 控件實現分頁：
<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:MyConnectionString %>" SelectCommand="SELECT * FROM MyTable"></asp:SqlDataSource>
<asp:Repeater ID="Repeater1" runat="server">
<!-- 在這里插入數據綁定代碼 -->
</asp:Repeater>
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
BindRepeater(0);
}
}
private void BindRepeater(int pageIndex)
{
int pageSize = 10; // 每頁顯示的記錄數
int totalRecords = GetTotalRecords(); // 獲取總記錄數的方法
int totalPages = (int)Math.Ceiling((double)totalRecords / pageSize); // 計算總頁數
int offset = (pageIndex * pageSize); // 計算偏移量
SqlDataSource1.SelectCommand = "SELECT * FROM MyTable ORDER BY Id OFFSET @Offset ROWS FETCH NEXT @PageSize ROWS ONLY";
SqlDataSource1.SelectParameters.AddWithValue("@Offset", offset);
SqlDataSource1.SelectParameters.AddWithValue("@PageSize", pageSize);
Repeater1.DataSource = SqlDataSource1;
Repeater1.DataBind();
}
private int GetTotalRecords()
{
// 在這里編寫獲取總記錄數的代碼，例如執行數據庫查詢
return 0;
}
<asp:Button ID="btnPrev" runat="server" Text="上一頁" OnClick="btnPrev_Click" />
<asp:Button ID="btnNext" runat="server" Text="下一頁" OnClick="btnNext_Click" />
private void btnPrev_Click(object sender, EventArgs e)
{
int currentPage = Convert.ToInt32(Request.QueryString["page"]) - 1;
if (currentPage >= 0)
{
BindRepeater(currentPage);
}
}
private void btnNext_Click(object sender, EventArgs e)
{
int currentPage = Convert.ToInt32(Request.QueryString["page"]) + 1;
int totalPages = (int)Math.Ceiling((double)TotalRecords / PageSize);
if (currentPage < totalPages)
{
BindRepeater(currentPage);
}
}
現在，你應該可以在頁面上看到分頁后的數據。請注意，這個示例僅用于演示目的，你可能需要根據實際需求進行調整。
