Maison > Article > développement back-end > Explication détaillée du code de .NET utilisant un répéteur pour obtenir un effet de pagination
Le contrôle Repeater est un contrôle conteneur de liaison de données qui peut générer une liste de chaque élément et utiliser des modèles pour définir la disposition de chaque élément sur la page Web. Cet article présente cela en détail, jetons un coup d'œil avec l'éditeur ci-dessous
Le contrôle Repeater est un contrôle conteneur de liaison de données. Il peut générer une liste de chaque élément et utiliser des modèles pour définir le contenu de chacun. élément sur la mise en page de la page Web. Lorsque la page s'exécute, le contrôle répète cette disposition pour chaque élément de la source de données.
Utiliser le contrôle répéteur avec un modèle
Pour utiliser le contrôle répéteur, vous devez créer un modèle qui définit la disposition du contenu du contrôle. Les modèles peuvent contenir n’importe quelle combinaison de balisage et de contrôles. Si le modèle n'est pas défini, ou s'il ne contient aucun élément, le contrôle n'apparaît pas sur la page lors de l'exécution de l'application.
ItemTemplate : contient des éléments et des contrôles HTML qui sont rendus une fois pour chaque élément de données de la source de données.
AlternatingItemTemplate : formatage des éléments de données alternés (contient des éléments HTML et des contrôles à restituer une fois pour chaque élément de données dans la source de données. En règle générale, vous pouvez utiliser ce modèle pour créer différentes apparences pour les éléments alternés, par exemple, spécifiez une couleur d'arrière-plan différente de la couleur spécifiée dans ItemTemplate).
SeparatorTemplate : Formate le séparateur (l'élément qui contient l'élément qui est rendu entre chaque élément.).
HeaderTemplate : Formate l'en-tête (contient du texte et des contrôles qui sont rendus séparément au début de la liste.).
FooterTemplate : Formate le pied de page (contient du texte et des contrôles qui sont rendus séparément à la fin de la liste.).
RépéteurPagingL'effet est le suivant :
Code frontal :
<body> <asp:Repeater ID="Repeater1" runat="server"> <HeaderTemplate> <p style="background-color:#988c6e;width:400px;padding-top:5px;padding-bottom:5px;margin-left:30px;margin-top:30px;border-radius:5px;color:#fff;font-weight:bold;"><span style="padding-left:30px;">用户名</span><span style="padding-left:100px;">注册时间</span><span style="padding-left:90px;">访问量</span></p> <table style="margin-left:30px;margin-top:30px;"> </HeaderTemplate> <ItemTemplate> <tr> <td style="width:120px;text-align:left; padding-left:20px;"><%#Eval("Username") %></td> <td style="width:170px;text-align:left; "><%#Eval("RegistrationTime") %></td> <td style="width:50px;text-align:left; "><%#Eval("AccessAmount") %></td> </tr> <tr> <td colspan="3" style="border-bottom:1px inset #C0D9D9;padding-top:7px;"></td> </tr> </ItemTemplate> <FooterTemplate> </table> </FooterTemplate> </asp:Repeater> <p style="margin-left:50px;"> <p style="margin:0 auto; margin-top:50px;border:1px solid #fff;font-size:16px;font-family:"microsoft yahei","宋体";"> <a><p style="border:1px solid #000; width:60px; float:left; margin:5px;text-align:center;"><a style="color:#000">共<asp:Label runat ="server" ID="zong"> </asp:Label>页</a></p></a> <a><p style="border:1px solid #000; width:60px; float:left;margin:5px;text-align:center;"><a style="color:#000">第<asp:Label runat ="server" ID="dangqian"> </asp:Label>页</a></p></a> <a><p style="border:1px solid #000; width:40px; float:left;margin:5px;text-align:center;"> <a style="color:#000"><asp:hyperlink id="first" runat="server" style="color:#000">首页</asp:hyperlink></a></p></a> <a><p style="border:1px solid #000; width:60px; float:left;margin:5px;text-align:center;"><a style="color:#000"><asp:hyperlink id="lnkPrev" runat="server" style="color:#000">上一页</asp:hyperlink></a></p></a> <a><p style="border:1px solid #000; width:60px; float:left;margin:5px;text-align:center;"><a style="color:#000"><asp:hyperlink id="lnkNext" runat="server" style="color:#000">下一页</asp:hyperlink></a></p></a> <a><p style="border:1px solid #000; width:40px; float:left;margin:5px;text-align:center;"> <a style="color:#000"><asp:hyperlink id="end" runat="server" style="color:#000">尾页</asp:hyperlink></a></p></a> </p> </p> </body>
Code backend :
protected void Page_Load(object sender, EventArgs e) { if(!Page.IsPostBack) { getUsers(); } } private void getUsers() { List<Users1> list = new AdminManager().QueryUsers(); PagedDataSource pag = new PagedDataSource(); pag.AllowPaging = true;// 设置允许分页 pag.PageSize = 10; // 每页显示为3行 pag.DataSource = list; // 模板绑定数据源 zong.Text = pag.PageCount.ToString(); // 显示总共页数 int CurrentPage; // 请求页码为不为null设置当前页,否则为第一页 if (Request.QueryString["Page"] != null) { CurrentPage = Convert.ToInt32(Request.QueryString["Page"]); } else { CurrentPage = 1; } if (Request.QueryString["PageSize"] != null) { pag.PageSize = Convert.ToInt32(Request.QueryString["PageSize"]); } else { pag.PageSize = 10; } pag.CurrentPageIndex = CurrentPage - 1; // 当前页所引为页码-1 dangqian.Text = CurrentPage.ToString(); // 当前页 if (!pag.IsFirstPage) { // Request.CurrentExecutionFilePath为当前请求虚拟路径 lnkPrev.NavigateUrl = Request.CurrentExecutionFilePath + "?Page=" + Convert.ToString(CurrentPage - 1); } // 如果不是最后一页,通过参数Page设置下一页为当前页+1,否则不显示连接 if (!pag.IsLastPage) { // Request.CurrentExecutionFilePath为当前请求虚拟路径 lnkNext.NavigateUrl = Request.CurrentExecutionFilePath + "?Page=" + Convert.ToString(CurrentPage + 1); } //首页 first.NavigateUrl = Request.CurrentExecutionFilePath + "?Page=" + Convert.ToString(1); //尾页 end.NavigateUrl = Request.CurrentExecutionFilePath + "?page=" + pag.PageCount.ToString(); if (Convert.ToInt32(HttpContext.Current.Request["page"]) > pag.PageCount) { first.NavigateUrl = Request.CurrentExecutionFilePath + "?Page=" + Convert.ToString(1); } this.Repeater1.DataSource = pag; this.Repeater1.DataBind(); }
Si la pagination est non requis, il peut être exécuté Les codes suivants :
protected void Page_Load(object sender, EventArgs e) { if(!Page.IsPostBack) { getUsers(); } } private void getUsers() { List<Users1> list = new AdminManager().QueryUsers(); this.Repeater1.DataSource = list ; this.Repeater1.DataBind(); }
[Recommandations associées]
1. Recommandation spéciale : Téléchargement de la version V0.1 de "php Programmer Toolbox" 2
Tutoriel vidéo gratuit ASPTutoriel vidéo de base ASP de Li YanhuiCe qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!