Repeater是比较简单易用的控件,实现代码非常简洁美观舒服,但缺点是它所拥有的功能有点少了,需要自己实现自己想要的效果。就例如有10个数据源name1、name2、name3。。。。。。要像下面这样显示:
name1 name2 name3
name4 name5 name6
name7 name8 name9
name10
直接用结果就是一行只显示一个数据,那该怎么样实现呢?请看以下代码:
前端关键代码:
<div id ="div_listbook" class="f1" style="width:400px;">
<asp:Repeater ID="r_book" runat="server">
<HeaderTemplate><table></HeaderTemplate>
<ItemTemplate>
<td style="width:200px;float:left;">
<!--在此绑定数据-->
</td>
</ItemTemplate>
<FooterTemplate></table></FooterTemplate>
</asp:Repeater>
</div>
解释一下关键点部分,第一层的div是用来规定总宽度大小,而唯一的td层的style属性是用来规定每一个数据的宽度大小,只有超出了总宽度范围才会换行,那么这里总宽度为400px,td层的宽度为100px,也就是说一行显示四列数据,明白了吗?
至于后台的话,也就剩下数据绑定这个操作啦,我就不再记录啦。