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

一时失言乱红尘 2022-08-05 19:59 139阅读 0赞

# 1.[Repeater控件][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>

结果：

![Center][]

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

## 2> AlternatingItemTemplate : ##

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

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

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

代码:

结果:

![Center 1][]

## 3> SeparatorTemplate: ##

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

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

代码:

结果:

![Center 2][]

## 4> HeaderTemplate和FooterTemplate ##

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

代码:

结果:

![Center 3][]

# 总结: #

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

[Repeater]: http://msdn.microsoft.com/zh-cn/library/cc295084.aspx
[Center]: /images/20220806/d17fd64350884ea7b2e045ea5c9dd558.png
[DataBinder.Eval]: http://www.jb51.net/article/40914.htm
[Center 1]: /images/20220806/a62a9e457dec4600b0f43dfac3f110bd.png
[Center 2]: /images/20220806/bd7214814b1f48a09d0b6e4073a97c7a.png
[Center 3]: /images/20220806/7a39492b89fe471bae51cac504e30a56.png