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

1.Repeater控件

顾名思义,repeat有重复的意思。解释就是用于显示重复的项目列表,这些项目被限制在该控件。
Repeater控件不具备内置的呈现功能,用户必须通过创建模板来为它提供布局.

重复的东西就说明有很多相同的,那就可以抽出来。抽出来的东西,面向对象中叫类,设计模式中可以是模板方法。在Repeater控件这里呢,就叫模板了。

这篇博客主要总结一下repeater控件的5种模板的使用及效果显示。

2.  五种模板:

1> ItemTemplate:

对每一个数据项进行格式设置。

假设Repeater是一个表格,则它就有多个行组成,而每一行显示的数据,就是有ItemTemplate控制的.这里的数据绑定也可通过DataSource属性来绑定.

例:

       <span style="font-family:KaiTi_GB2312;font-size:18px;">  <ItemTemplate>
                <font color="Red" Size="20"> //字体颜色红色,大小20
                    <%#DataBinder.Eval(Container.DataItem,"userName") %>
                    <%#DataBinder.Eval(Container.DataItem,"userPwd") %>
                   <br> //换行
                </font>
         </ItemTemplate></span>

结果:

在上述数据绑定的时候用到了DataBinder.Eval,大家可以了解一下Eval与DataBinder.Eval的不同之处。

2> AlternatingItemTemplate :

对每一个交替数据项进行设置.

如果你在代码中同时设置了Itemplate和AlternatingItemTemplate,则数据第一行会按照itemTemplate中的设置显示,第二行会按照AlternatingitemTemplate中的设置显示,如此交替显示所绑定的数据.

这里的数据绑定和上述模板中的数据绑定一样.如果在代码中只设置了上述模板中的一个属性,则数据就会按照所选择模板的设置显示。

代码:

               <ItemTemplate>
                   <font color="Red" Size="20">         <%--字体颜色红色,大小20--%>
                     <%#DataBinder.Eval(Container.DataItem,"userName") %>
                     <%#DataBinder.Eval(Container.DataItem,"userPwd") %>
                     <br>                           <%--//换行--%>
                       </font>
                </ItemTemplate>
              <strong> </strong> <alternatingitemTemplate>
                     <font color="blue">
                         <%#DataBinder.Eval(Container.DataItem,"userName") %>
                         <%#DataBinder.Eval(Container.DataItem,"userPwd") %>
                     <br></font>
               </alternatingitemTemplate>

结果:

3> SeparatorTemplate:

对分隔符进行设置.此模板中不能进行数据绑定.

如下例子中添加了一条蓝色直线.

代码:

            <SeparatorTemplate>
                     <hr color="blue" size="2">
             </SeparatorTemplate>

结果:

4> HeaderTemplate和FooterTemplate

对页眉和页脚进行设置. 这里需要注意的就是:页眉页脚模板里,不能进行数据绑定.

代码:

         <span style="font-family:KaiTi_GB2312;font-size:18px;">     <HeaderTemplate>
                   <h3>模板页眉</h3>
            </HeaderTemplate>
            <FooterTemplate>
                   <h3>模板页脚</h3>
            </FooterTemplate></span>

结果:

总结:

前两个模板可进行数据绑定,后三个模板不能进行数据绑定.Itemplate模板是必须的,其余的模板可以根据需求选择是否要添加.

时间: 2024-11-11 12:23:32

【ASP.net】解析Repeater 控件的模板的相关文章

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

asp.net 在repeater控件中加按钮

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

解决asp.net中repeater控件的显示数量控制

在使用oracle时,没有top这个属性,如果想限制查询数量,必须使用伪字段ROWNUM 可以看到这里第一列没有title的字段就是rownum字段,在oracle插入数据的时候自带的,无需人为添加. 我们如果想要实现控制查询数量,可以利用这个字段. 方案一: 我们可以写成 SELECT * FROM TA_新闻 WHERE ROWNUM <= 3 ORDER BY 发布时间 DESC 来控制显示三条记录. 但是,我们注意到这个ROWNUM是在插入数据时产生的,也就是说如果我们新插入一条发布时间

ASP.NET之Repeater控件

原文地址:https://www.cnblogs.com/192-168-D/p/9977688.html

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:Repeater控件使用

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