Repeater コントロールは、各項目のリストを生成し、テンプレートを使用して Web ページ上の各項目のレイアウトを定義できるデータ バインディング コンテナー コントロールです。この記事ではこれについて詳しく紹介します。以下のエディターで見てみましょう
Repeater コントロールは、各項目のリストを生成し、テンプレートを使用して Web ページ上の各項目のレイアウトを定義できるデータ バインディング コンテナー コントロールです。 。ページが実行されると、コントロールはデータ ソース内の項目ごとにこのレイアウトを繰り返します。
テンプレートでリピーター コントロールを使用する
リピーター コントロールを使用するには、コントロールのコンテンツ レイアウトを定義するテンプレートを作成する必要があります。テンプレートには、マークアップとコントロールを任意に組み合わせて含めることができます。テンプレートが定義されていない場合、またはテンプレートに要素が含まれていない場合、アプリケーションの実行時にコントロールはページに表示されません。
ItemTemplate: データ ソース内のデータ項目ごとに 1 回レンダリングされる HTML 要素とコントロールが含まれます。
AlternatingItemTemplate : 交互データ項目の書式設定 (データ ソース内のデータ項目ごとに 1 回レンダリングされる HTML 要素とコントロールが含まれます。通常、このテンプレートを使用して、別の背景色の指定など、交互項目の異なる外観を作成できます) ItemTemplate で指定されたものよりも)。
SeparatorTemplate : セパレーター (各項目の間に含まれる要素) をフォーマットします。
HeaderTemplate : ヘッダーをフォーマットします (リストの先頭に個別に表示されるテキストとコントロールが含まれます)。
FooterTemplate : フッターの書式を設定します (リストの最後に個別に表示されるテキストとコントロールが含まれます)。
RepeaterPaging効果は次のとおりです:
フロントエンドコード:
<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>
バックエンドコード:
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(); }
ページングが必要ない場合は、次のように実行できます。次のコード:
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(); }
【関連する推奨事項】
1. ASP チュートリアル
3. Li Yanhui ASP 基本ビデオ チュートリアル
以上がリピーターとページング効果(ASP)に関するコードの詳細説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。