Repeater utilise le contrôle de pagination AspNetPager sous asp.net

1. Contrôle de pagination AspNetPager
La pagination est l'une des fonctions les plus couramment utilisées dans les applications Web dans ASP.NET, bien qu'elle soit livrée avec un contrôle DataGrid (asp.net 1.1) et GridView (asp .net 2.0). , mais sa fonction de pagination n'est pas satisfaisante, comme une mauvaise personnalisation, l'incapacité d'implémenter la fonction de pagination via l'URL, etc., et parfois nous devons paginer DataList, Repeater ou même des contrôles de liaison de données personnalisés, et les écrire manuellement. Le code de pagination n'est pas seulement techniquement difficile et fastidieux, mais a également un taux de réutilisation de code très faible. Par conséquent, la pagination est devenue l'un des problèmes les plus gênants pour de nombreux programmeurs ASP.NET.
AspNetPager propose une solution unique au problème de pagination dans ASP.NET en réponse aux lacunes des contrôles de pagination ASP.NET, c'est-à-dire que la fonction de navigation de pagination et la fonction d'affichage des données sont complètement indépendantes et que l'utilisateur contrôle l'acquisition. et le traitement des données. Le procédé d'affichage peut être appliqué de manière flexible à n'importe quel endroit où des fonctions de navigation par pagination doivent être mises en œuvre, telles que la mise en œuvre de la pagination pour des contrôles liés aux données tels que GridView, DataList et Repeater, la présentation de données de pagination personnalisées et la création d'images. programmes de navigation, etc., car le contrôle AspNetPager Il est indépendant des données, de sorte que les données à paginer peuvent provenir de n'importe quelle source de données, telle que SQL Server, Oracle, Access, MySQL, DB2 et autres bases de données, ainsi que XML fichiers, données de mémoire ou données en cache, systèmes de fichiers, etc.
2. Attributs de base :
AlwaysShow :
Par défaut, lorsque les données à paginer ne représentent qu'une seule page, AspNetPager affichera automatiquement la période dangereuse sans afficher aucun contenu visible sur la page. Définissez ceci par défaut. valeur d'attribut à Lorsque vrai, AspNetPager affichera les éléments de navigation de pagination même si le nombre total de pages n'est qu'un.
FirstPageText :
Obtient ou définit le texte affiché pour le bouton de la première page.
LastPageText :
Obtient ou définit le texte affiché pour le bouton de la dernière page.
NextPageText :
Obtient ou définit le texte affiché pour le bouton de la page suivante.
PrevPageText :
Obtient ou définit le texte affiché pour le bouton de la page précédente.
PageSize :
Obtenez ou définissez le nombre d'éléments affichés sur chaque page. (Cette valeur obtient ou définit le nombre d'éléments de données dans la table de données que le contrôle de rendu des données doit afficher à chaque fois. AspNetPager calcule le nombre total de pages requises pour afficher toutes les données en fonction de cette valeur et de RecordCount, qui est la valeur de PageCount.)
CssClass :
Le nom de la classe CSS appliqué au contrôle
CurrentPageButtonClass :
Obtient ou définit la classe de feuille de style en cascade (CSS) du bouton de navigation de la page actuelle du contrôle de pagination AspNetPager.
PageIndexBoxType :
Ou ou définissez le type d'affichage de la zone d'index de page, qui peut être une zone de texte permettant aux utilisateurs de saisir manuellement ou une zone déroulante qui ne peut être sélectionnée.
ShowBoxThreshold :
Lorsque ShowPageIndexBox est défini sur Auto (par défaut) et que le nombre total de pages de données à paginer atteint cette valeur, la zone de texte de saisie de l'index de page sera automatiquement affichée. La valeur par défaut est 30. Cette option n'a aucun effet lorsque ShowPageIndexBox est défini sur Jamais ou Toujours.
3. Style :
====== Style NetEase=====
.anpager .cpb {background:#1F3A87 none répétition 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 répétition scroll 0 0;border:1px solid #CCCCCC;color:# 1F3A87;marge:5px 4px 0 0;padding:4px 5px 0;text-decoration:none}
.anpager a:hover{background:#1F3A87 none répétition scroll 0 0;border:1px solid #1F3A87;color:# FFFFFF;}
Paramètres d'attribut : CssClass="anpager" CurrentPageButtonClass="cpb"
====== Paipai.com style======
.paginator { police : 11px Arial, Helvetica , sans -serif;padding:10px 20px 10px 0; margin: 0px;}
.paginator a {padding: 1px 6px; border: solid 1px #ddd; background: #fff; :2px }
.paginator a:visited {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;}
.paginator .cpb {padding: 1px 6px;police -weight : gras ; taille de la police : 13 px; bordure : aucun}
.paginator a:hover {couleur : #fff ; fond : #ffa501; >Paramètres d'attribut : CssClass="paginator" CurrentPageButtonClass="cpb"
====== Style Thunder======
.pages { couleur : #999 }
.pages a, .pages .cpb { text-decoration:none;float: left; padding: 0 5px; border: 1px solid #ddd;background: #ffff;margin:0 2px; 🎜>.pages a:hover { background-color: #E61636; color:#fff;border:1px solid #E61636; text-decoration:none;}
.pages .cpb { font-weight : bold couleur : #fff; background : #E61636; border:1px solid #E61636;}
Paramètres de propriété : CssClass="pages" CurrentPageButtonClass="cpb"
4. >

index.aspx.cs

<%@ 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>

Pour plus d'articles connexes sur Repeater utilisant le contrôle de pagination AspNetPager sous asp.net, veuillez faire attention au site Web PHP chinois !