asp:Repeater控件使用

Repeater控件和DataList控件,可以用来一次显示一组数据项。比如,可以用它们显示一个数据表中的所有行。 
    Repeater控件完全由模板驱动,提供了最大的灵活性,可以任意设置它的输出格式。DataList控件也由模板驱动,和Repeater不同的是,DataList默认输出是HTML表格,DataList将数据源中的记录输出为HTML表格一个个的单元格。

1. Repeater控件显示数据

要使用Repeater控件显示数据,必须创建ItemTemplate。如下所示: 
例1:使用ItemTemplate显示数据


<asp:Repeater ID="Repeater1" runat="server" DataSourceID="SqlDataSource1">
    <ItemTemplate>
        <div class="movies">
            <h1><%#Eval("Title") %></h1>
        </div>
        <b>Directed by:</b><%#Eval("Director") %>
        <br />
        <b>Description:</b><%#Eval("Description") %>
    </ItemTemplate>
</asp:Repeater>

以上代码,通过浏览器可以看到,.net不会改变里面的结构,模板里面怎么排列,数据显示也怎么样显示。它的HTML如下所示:、


<div class="movies">
     <h1>史密斯行动</h1>
</div>
<b>Directed by:</b>Doug Liman
<br />
<b>Description:</b>约翰(布拉德?皮特 Brad Pitt 饰)和
<div class="movies">
     <h1>暴力街区</h1>
</div>
<b>Directed by:</b>Luc Besson
<br />
<b>Description:</b>卧虎藏龙而又凌乱不堪的13区…

所以,Repeater的灵活性就在这个上面,完全可以自由发挥,想怎么显示就怎么显示。例如,都可以把它放在Javascript代码中


<script type=”text/javascript”>
    <asp:Repeater id=”rptPhotos” Runat=”server”>
         <ItemTemplate>
              <%# Eval(“Name”, "photos.push(‘Photos/{0}’)") %>
         </ItemTemplate>
    </asp:Repeater>
</script>

以上,photos是一个Javscript数组对象。Repeater生成的数据,最后就像以下这样:


<script type="text/javascript">
        photos.push(‘Photos/1.jpg‘);
        photos.push(‘Photos/2.jpg‘);
        photos.push(‘Photos/3.jpg‘);
        photos.push(‘Photos/4.jpg‘);
        …
</script>

2. Repeater中使用模板

Repeater支持以下5种模板 
      ● ItemTemplate : 对每一个数据项进行格式设置 【Formats each item from the data source.】 
      ● AlternatingItemTemplate : 对交替数据项进行格式设置 
      ● SeparatorTemplate : 对分隔符进行格式设置 
      ● HeaderTemplate : 对页眉进行格式设置 
      ● FooterTemplate : 对页脚进行格式设置 
   以上,英文中使用了Formats item from datasource这样的话,就说明Repeater控件主要是用来对数据进行Format的,控制数据怎么样排列,怎么样显示。 
   Repeater必须使用的是Itemtemplate,其它的类型模板按需添加。 
例2:以下通过CSS控制,显示了一个比较不错的列表项:

Code

以上,显示的样式如下所示:

3. Repeater控件的事件处理

Repeater控件有以下事件: 
      ● DataBinding : Repeater控件绑定到数据源时触发 
      ● ItemCommand : Repeater控件中的子控件触发事件时触发 
      ● ItemCreated : 创建Repeater每个项目时触发  
      ● ItemDataBound : Repeater控件的每个项目绑定数据时触发 
例3:使用Repeater控件的事件支持编辑、更新、删除 
=== 后台代码 ===

Code

=== 前台页面 ===

Code

链接:http://www.cnblogs.com/shipfi/archive/2009/10/19/1585703.html

分类: asp.net

时间: 2024-11-06 23:36:24

asp:Repeater控件使用的相关文章

ASP.NET Repeater控件实现简单分页

早上,有看MSDN,看到了 PagedDataSource 类 http://msdn.microsoft.com/zh-cn/library/system.web.ui.webcontrols.pageddatasource(v=vs.110).aspx 想起以前Insus.NET只对Gridview和DataList控件进行自定义分页.<GridView和DataList分页组件与用户控件>http://www.cnblogs.com/insus/archive/2009/03/19/14

Asp.net Repeater控件

Repeater控件和DataList控件,可以用来一次显示一组数据项.比如,可以用它们显示一个数据表中的所有行.     Repeater控件完全由模板驱动,提供了最大的灵活性,可以任意设置它的输出格式.DataList控件也由模板驱动,和Repeater不同的是,DataList默认输出是HTML表格,DataList将数据源中的记录输出为HTML表格一个个的单元格. 1. Repeater控件显示数据 要使用Repeater控件显示数据,必须创建ItemTemplate.如下所示: 例1:

ASP.NET- 查找Repeater控件中嵌套的控件

如何在Repeater的HeaderTemplate和FooterTemplate模板中寻找控件?在Repeater的ItemTemplate模板中的控件,我们可以用Items属性来遍历行并用FindControl进行寻找. 如下所示:在Repeater的Item Command事件下下遍历: for(int i=0;i<repeater1.Items.Count;i++) { CheckBox cb=(CheckBox )repeater1.Items[i].FindControl("C

asp.net学习之Repeater控件

Repeater控件和DataList控件,可以用来一次显示一组数据项.比如,可以用它们显示一个数据表中的所有行. Repeater控件完全由模板驱动,提供了最大的灵活性,可以任意设置它的输出格式.DataList控件也由模板驱动,和Repeater不同的 是,DataList默认输出是HTML表格,DataList将数据源中的记录输出为HTML表格一个个的单元格. 1. Repeater控件显示数据 要使用Repeater控件显示数据,必须创建ItemTemplate.如下所示: 例1:使用I

asp.net关于Repeater控件中的全选,批量操作

今天在Repeater控件中碰到一个全选的操作,于是上网查了一下,找到一个觉得比较好,便记录下来, 界面代码简化之后(全选操作): <script type="text/javascript"> function SelectAll(parentChk, ChildId, bigControlID) { var oElements = document.getElementsByTagName("INPUT"); var bIsChecked = par

asp.net学习——Repeater控件

1 <style type="text/css"> 2 html { 3 background-color:Silver 4 } 5 .content { 6 width:600px; 7 border:soild 1px black; 8 background-color:White; 9 } 10 .movies { 11 border-collapse:collapse; 12 } 13 .movies th,.movies td { 14 padding:10px;

asp.net 在repeater控件中加按钮

在repeater中加入方法有两种方法: 第一种:是对repeater控件的行添加OnItemCommand事件,添加方法也是有两种 1.在设计页面中,选中repeater控件右击==>属性==>属性栏中的事件标签(闪电符号)==>双击ItemCommand 2.在写代码,也是可以实现. <asp:Repeater ID="rptDataList" runat="server" onitemcommand="rptDataList_

ASP.Net中通过Jquery前端对Repeater控件绑定的数据进行操作

说明:由于Repeater控件是动态绑定,通过Id获取数据只能默认获取第一行: 1.对Repeater中div设置样式 2.通过$(".css").each(function(){dosome();})循环出样式为css的所有数据:比如根据不同数据值才显示不同的背景颜色: 效果: 4.如果有翻页的话,可以到后台注册一个JS函数: 前端:定义一个function 后台注册:

【ASP.net】解析Repeater 控件的模板

1.Repeater控件: 顾名思义,repeat有重复的意思.解释就是用于显示重复的项目列表,这些项目被限制在该控件. Repeater控件不具备内置的呈现功能,用户必须通过创建模板来为它提供布局. 重复的东西就说明有很多相同的,那就可以抽出来.抽出来的东西,面向对象中叫类,设计模式中可以是模板方法.在Repeater控件这里呢,就叫模板了. 这篇博客主要总结一下repeater控件的5种模板的使用及效果显示. 2.  五种模板: 1> ItemTemplate: 对每一个数据项进行格式设置.