设为首页 加入收藏

TOP

.NET中的repeater简介及分页效果(一)
2019-09-03 01:13:47 】 浏览:35
Tags:.NET repeater 简介 效果

  Repeater控件是一个数据绑定容器控件,它能够生成各个项的列表,并可以使用模板定义网页上各个项的布局。当该页运行时,该控件为数据源中的每个项重复此布局。

    配合模板使用repeater控件

   若要使用repeater控件,需创建定义控件内容布局的模板。模板可以包含标记和控件的任意组合。如果未定义模板,或者模板都不包含元素,则当应用程序运行时,该控件不显示在页面上。

     ItemTemplate : 含要为数据源中每个数据项都要呈现一次的 HTML 元素和控件。  
      AlternatingItemTemplate : 对交替数据项进行格式设置(包含要为数据源中每个数据项都要呈现一次的 HTML 元素和控件。通常,可以使用此模板为交替项创建不同的外观,例如指定一种与在ItemTemplate中指定的颜色不同的背景色)。 
      SeparatorTemplate : 对分隔符进行格式设置(包含在每项之间呈现的元素。)。 
      HeaderTemplate : 对页眉进行格式设置(包含在列表的开始处分别呈现的文本和控件。)。 
      FooterTemplate : 对页脚进行格式设置(包含在列表的结束处分别呈现的文本和控件。)。
     

 

 

Repeater分页效果如下:

前台代码:

  <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;"><%#eva l("Username") %></td>
                    <td  style="width:170px;text-align:left; "><%#eva l("RegistrationTime") %></td>
                    <td  style="width:50px;text-align:left; "><%#eva l("AccessAmount") %></td>
                </tr>
                <tr>
                    <td colspan="3" style="border-bottom:1px inset #C0D9D9;padding-top:7px;"></td>
                </tr>
            </ItemTemplate>
            <FooterTemplate>
                </table>
            </FooterTemplate>
        </asp:Repeater> 
        <div style="margin-left:50px;">
            <div style="margin:0 auto; margin-top:50px;border:1px solid #fff;font-size:16px;font-family:"microsoft yahei","宋体";">
                <a><div 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></div></a>
                <a><div 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></div></a>
                <a><div 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></div></a>
                <a><div style="border:1px solid #000; width:60px; float:left;margin:5px;text-align:center;"><a style="color:#
首页 上一页 1 2 下一页 尾页 1/2/2
】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇Devexpress之GridControl显示序列.. 下一篇[C#.Net]启动外部程序的几种常用..

最新文章

热门文章

Hot 文章

Python

C 语言

C++基础

大数据基础

linux编程基础

C/C++面试题目