asp.net下Repeater使用 AspNetPager分頁控件-C#.Net教程-PHP中文網

首頁

後端開發

C#.Net教程

asp.net下Repeater使用 AspNetPager分頁控件

高洛峰

Jan 10, 2017 pm 02:11 PM

一、AspNetPager分頁控制
分頁是Web應用程式中最常使用的功能之一，在ASP.NET中，雖然自帶了一個可以分頁的DataGrid（asp.net 1.1）和GridView（asp.net 2.0）控件，但其分頁功能並不盡如人意，如可定制性差、無法通過Url實現分頁功能等，而且有時我們需要對DataList和Repeater甚至自定義數據綁定控件進行分頁，手工編寫分頁代碼不僅技術難度大、任務繁瑣且程式碼重複使用率極低，因此分頁已成為許多ASP.NET程式設計師最頭痛的問題之一。
AspNetPager針對ASP.NET分頁控制項的不足，提出了與眾不同的解決asp.net中分頁問題的方案，即將分頁導航功能與資料顯示功能完全獨立開來，由使用者自己控制資料的取得及顯示方式，因此可以靈活地應用於任何需要實現分頁導航功能的地方，例如為GridView、DataList以及Repeater等數據綁定控制項實現分頁、呈現自定義的分頁數據以及製作圖片瀏覽程序等，因為AspNetPager控件和數據是獨立的，因此要分頁的資料可以來自任何資料來源，如SQL Server、Oracle、Access、mysql、DB2等資料庫以及XML檔案、記憶體資料或快取中的資料、檔案系統等等。
二、基本屬性：
AlwaysShow:
預設情況下，當要分頁的資料只有一頁時，AspNetPager預設會自動危險期而不在頁面上顯示任何可見內容，將此屬性值設為true時，即使總頁數只有一頁，AspNetPager也會顯示分頁導覽元素。
FirstPageText:
取得或設定為第一頁按鈕顯示的文字。
LastPageText:
取得或設定為最後一頁按鈕顯示的文字。
NextPageText:
取得或設定為下一頁按鈕顯示的文字。
PrevPageText:
取得或設定為上一頁按鈕顯示的文字。
PageSize:
取得或設定每頁顯示的項目數。 (此值取得或設定資料呈現控制項每次要顯示資料表中的資料的項數，AspNetPager會根據該值和RecordCount 來計算顯示所有資料所需的總頁數，即PageCount的值。)
CssClass:
:
套用於控制項的css類別名稱
CurrentPageButtonClass：
取得或設定AspNetPager分頁控制項目前頁導覽按鈕的級聯樣式表(CSS) 類別。
PageIndexBoxType：
或或設定頁索引框的顯示類型，可以是允許使用者手動輸入的文字方塊和只能選擇的下拉方塊。
ShowBoxThreshold：
當 ShowPageIndexBox 設為Auto（預設）且要分頁的資料的總頁數達到該值時會自動顯示頁索引輸入文字框，預設值為30。此選項當 ShowPageIndexBox 設為Never或Always時沒有任何作用。
三、風格樣式：
===== 網易風格=====
.anpager .cpb {background:#1F3A87 none repeat scroll 0 0;border:1px solid #CCCCCC;color:#FFFFFF;font-weightFFFF :bold;margin:5px 4px 0 0;padding:4px 5px 0;}
.anpager a {background:#FFFFFF none repeat scroll 0 0;border:1px solid #CCCCCCpcolor:#1F3A87 ;padding:4px 5px 0;text-decoration:none}
.anpager a:hover{background:#1F3A87 none repeat scroll 0 0;border:1px solid #1F3A87;color:#FFFFFF anpager" CurrentPageButtonClass="cpb"
===== 拍拍網風格=====
.paginator { font: 11px Arial, Helvetica, sans-serif;padding:10px 20px 10px 0; .paginator a {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;margin-right:2px}
.paginator a:visited {padding: 1px 6pvid ddd; background: #fff; text-decoration: none;}
.paginator .cpb {padding: 1px 6px;font-weight: bold; font-size: 13px;border:none}
.paginator a:hover {color: #fff; background: #ffa501;border-color:#ffa501;text-decoration: none;}
屬性設定：CssClass="paginator" CurrentPageButtonClass="cpb"
===== 迅雷風格=====
.pages { color: #999; }
.pages a, .pages .cpb { text-decoration:none;float: left; padding: 0 5px; border: 1px solid #ddd;background: #ffff;margin:0 2px ; font-size:11px; color:#000;}
.pages a:hover { background-color: #E61636; color:#fff;border:1px solid #E61636; text-decoration:none;border:1px solid #E61636; text-decoration:none;border:1px solid #E61636; text-decoration:none;} s .page cpb { font-weight: bold; color: #fff; background: #E61636; border:1px solid #E61636;}
屬性設定：CssClass="pages" CurrentPageButtonClass="cpb"asp
屬性設定：CssClass="pages" CurrentPageButtonClass="cpb"asp
屬性設定：CssClass="pages" CurrentPageButtonClass="cpb"asp
屬性設定：CssClass="pages" CurrentPageButtonClass="cpb"asp
、文件

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %> 
<%@ Register Assembly="AspNetPager" Namespace="Wuqi.Webdiyer" TagPrefix="webdiyer" %> 
<%@ Register src="hand.ascx" tagname="hand" tagprefix="uc1" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<title></title> 
<link href="inc/css.css" rel="stylesheet" type="text/css" /> 
<style type="text/css"> 
/*网易风格*/ 
.anpager .cpb {background:#1F3A87 none repeat scroll 0 0;border:1px solid #CCCCCC;color:#FFFFFF;font-weight:bold;margin:5px 4px 0 0;padding:4px 5px 0;} 
.anpager a {background:#FFFFFF none repeat scroll 0 0;border:1px solid #CCCCCC;color:#1F3A87;margin:5px 4px 0 0;padding:4px 5px 0;text-decoration:none} 
.anpager a:hover{background:#1F3A87 none repeat scroll 0 0;border:1px solid #1F3A87;color:#FFFFFF;} 
/*拍拍网风格*/ 
.paginator { font: 11px Arial, Helvetica, sans-serif;padding:10px 20px 10px 0; margin: 0px;} 
.paginator a {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;margin-right:2px} 
.paginator a:visited {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;} 
.paginator .cpb {padding: 1px 6px;font-weight: bold; font-size: 13px;border:none} 
.paginator a:hover {color: #fff; background: #ffa501;border-color:#ffa501;text-decoration: none;} 
/*迅雷风格*/ 
.pages { color: #999 } 
.pages a, .pages .cpb { text-decoration:none;float: left; padding: 0 5px; border: 1px solid #ddd;background: #ffff;margin:0 2px; font-size:11px; color:#000;} 
.pages a:hover { background-color: #E61636; color:#fff;border:1px solid #E61636; text-decoration:none;} 
.pages .cpb { font-weight: bold; color: #fff; background: #E61636; border:1px solid #E61636;} 
.code{font-weight:bold;color:blue} 
</style> 
</head> 
<body> 
<form id="form1" runat="server"> 
<uc1:hand ID="hand1" runat="server" /> 
<div style="text-align:left; line-height:20px"> 
<asp:Repeater ID="SoftDown" runat="server"> 
<ItemTemplate> 
<div style="border-bottom:1px solid #000000"><%#Eval("E_id")%> <%#Eval("Class")%><br><%#Eval("DownTitle")%><br><%#Eval("PageHome")%></div> 
</ItemTemplate> 
</asp:Repeater> 
<div style="text-align:right; padding-top:10px"> 
<webdiyer:AspNetPager ID="AspNetPager1" runat="server" pagesize="5" CssClass="anpager" onpagechanged="AspNetPager1_PageChanged" 
FirstPageText="首页" LastPageText="尾页" NextPageText="下一页" PrevPageText="上一页" 
ShowMoreButtons="False" ShowPageIndexBox="Never"> 
</webdiyer:AspNetPager></div> 
</div> 
</form> 
</body> 
</html>

index.aspx.cs

using System; 
using System.Collections; 
using System.Configuration; 
using System.Data; 
using System.Linq; 
using System.Web; 
using System.Web.Security; 
using System.Web.UI; 
using System.Web.UI.HtmlControls; 
using System.Web.UI.WebControls; 
using System.Web.UI.WebControls.WebParts; 
using System.Xml.Linq; 
using System.Data.SqlClient; 
using GHSqlConn; 
using Wuqi.Webdiyer; 
public partial class Default2 : System.Web.UI.Page 
{ 
protected void Page_Load(object sender, EventArgs e) 
{ 
if (!IsPostBack) { 
SqlConnection conn = DB.getConnection(); 
conn.Open(); 
SqlCommand Count = new SqlCommand(); 
Count.Connection = conn; 
Count.CommandText = "select count(*) from T_SoftDown1"; 
AspNetPager1.RecordCount = (int)Count.ExecuteScalar(); 
//Response.Write(AspNetPager1.RecordCount); 
conn.Close(); 
BindData(); 
} 
} 
public void BindData() 
{ 
SqlConnection conn = DB.getConnection(); 
string sql = "select * from T_SoftDown1 order by E_id desc";//这句在大型数据中应该用：select top查询语句 
SqlDataAdapter da = new SqlDataAdapter(sql, conn); 
DataSet ds = new DataSet(); 
da.Fill(ds, AspNetPager1.PageSize * (AspNetPager1.CurrentPageIndex - 1), AspNetPager1.PageSize, "temptbl"); 
DataTable dt = ds.Tables["temptbl"]; 
SoftDown.DataSource=dt; 
SoftDown.DataBind(); 
} 
protected void AspNetPager1_PageChanged(object src, EventArgs e) 
{ 
//AspNetPager1.CurrentPageIndex = e.NewPageIndex; 
BindData(); 
} 
}

更多asp.net下Repeater使用AspNetPager分頁控制相關文章請關注PHP中文網！

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

C＃.NET開發今天：趨勢和最佳實踐Apr 28, 2025 am 12:25 AM

C#.NET開發的最新動態和最佳實踐包括：1.異步編程提高應用響應性，使用async和await關鍵字簡化非阻塞代碼；2.LINQ提供強大查詢功能，通過延遲執行和表達式樹高效操作數據；3.性能優化建議包括使用異步編程、優化LINQ查詢、合理管理內存、提升代碼可讀性和維護性、以及編寫單元測試。

C＃.NET：使用.NET生態系統構建應用程序Apr 27, 2025 am 12:12 AM

如何利用.NET構建應用？使用.NET構建應用可以通過以下步驟實現：1)了解.NET基礎知識，包括C#語言和跨平台開發支持；2)學習核心概念，如.NET生態系統的組件和工作原理；3)掌握基本和高級用法，從簡單控制台應用到復雜的WebAPI和數據庫操作；4)熟悉常見錯誤與調試技巧，如配置和數據庫連接問題；5)應用性能優化與最佳實踐，如異步編程和緩存。

C＃作為多功能.NET語言：應用程序和示例Apr 26, 2025 am 12:26 AM

C#在企業級應用、遊戲開發、移動應用和Web開發中均有廣泛應用。 1)在企業級應用中，C#常用於ASP.NETCore開發WebAPI。 2)在遊戲開發中，C#與Unity引擎結合，實現角色控制等功能。 3)C#支持多態性和異步編程，提高代碼靈活性和應用性能。

C＃.NET用於網絡，桌面和移動開發Apr 25, 2025 am 12:01 AM

C#和.NET適用於Web、桌面和移動開發。 1)在Web開發中，ASP.NETCore支持跨平台開發。 2)桌面開發使用WPF和WinForms，適用於不同需求。 3)移動開發通過Xamarin實現跨平台應用。

C＃.NET生態系統：框架，庫和工具Apr 24, 2025 am 12:02 AM

C#.NET生態系統提供了豐富的框架和庫，幫助開發者高效構建應用。 1.ASP.NETCore用於構建高性能Web應用，2.EntityFrameworkCore用於數據庫操作。通過理解這些工具的使用和最佳實踐，開發者可以提高應用的質量和性能。

將C＃.NET應用程序部署到Azure/AWS：逐步指南Apr 23, 2025 am 12:06 AM

如何將C#.NET應用部署到Azure或AWS？答案是使用AzureAppService和AWSElasticBeanstalk。 1.在Azure上，使用AzureAppService和AzurePipelines自動化部署。 2.在AWS上，使用AmazonElasticBeanstalk和AWSLambda實現部署和無服務器計算。

C＃.NET：強大的編程語言簡介Apr 22, 2025 am 12:04 AM

C#和.NET的結合為開發者提供了強大的編程環境。 1）C#支持多態性和異步編程，2）.NET提供跨平台能力和並發處理機制，這使得它們在桌面、Web和移動應用開發中廣泛應用。

.NET框架與C＃：解碼術語Apr 21, 2025 am 12:05 AM

.NETFramework是一個軟件框架，C#是一種編程語言。 1..NETFramework提供庫和服務，支持桌面、Web和移動應用開發。 2.C#設計用於.NETFramework，支持現代編程功能。 3..NETFramework通過CLR管理代碼執行，C#代碼編譯成IL後由CLR運行。 4.使用.NETFramework可快速開發應用，C#提供如LINQ的高級功能。 5.常見錯誤包括類型轉換和異步編程死鎖，調試需用VisualStudio工具。

See all articles