在项目中,Repeater是使用频度比较高的控件, 一方面它结构简单,速度较快, 同时我们也想办法让它工作得更好, 前不久写过关于数据绑定的东西, 使用Eval方法呢,虽然简单,但是性能不怎么好, 可以将数据项转成 DataRowView 或者是强类型的DTO, 但是写起来不够简洁. 今天在研究netTiers 生成的代码的时候,发现了这个有意思的应用,强类型的好处就不用说了,可以在编译时发现拼写错误了,会节省我们不少的时间,同时通过对"Repeater"的扩展我们可以方便地实现一些其它的特性,好了,我们就用一个实例来说明. 在这个示例中,我们需要绑定一个List<Article>的实体集合列表到控件上面, 先看看效果图:
给Repeater的数据绑定添加智能感知
在这里,我们只要输入一个Container,后面就会自动出现Article的属性了, 是不是很方便啊,不用Hardcode实体属性了.

需要说明的是,这里的ArticleRepeater并不是一个"真正"的Repeater, 它是从Control继承过来的, 因为有时候我们并不需要很多的特性,可以使用这样的简化版的控件 (  俺对性能的要求是不是太严格了点~~;(  ),  还可以借机学习一下控件开发的相关知识. 下面是这个控件的代码:本来还应该有一些设计时的代码内容以方便给那些DragDropCoder,在这里就省略了,“界面在心中”~~~;)
给Repeater的数据绑定添加智能感知using System;
给Repeater的数据绑定添加智能感知
using System.Collections.Generic;
给Repeater的数据绑定添加智能感知
using System.Text;
给Repeater的数据绑定添加智能感知
using System.Web.UI.WebControls;
给Repeater的数据绑定添加智能感知
using System.Web.UI;
给Repeater的数据绑定添加智能感知
using System.ComponentModel;
给Repeater的数据绑定添加智能感知
给Repeater的数据绑定添加智能感知
namespace Demo.Web

在这里我们实现两个扩展功能,一个是截取标题的长度,一个是将前N条高亮显示,可以直接通过属性声明的方式添加即可, 俺在这里抛砖引玉,大家可以发挥创造力添加其它有用的特性。

代码里面有比较详细的注释,我就不再做说明. 对于重复性的代码,您可以开发相应的CodeSmith模版来快速成生成.

我们再来看一下前台的代码写法都有些什么不同.

给Repeater的数据绑定添加智能感知        <h1>
给Repeater的数据绑定添加智能感知            下面这种是原始的写法,虽然可以达到效果,但是比较麻烦.
</h1>
给Repeater的数据绑定添加智能感知        
<ul>
给Repeater的数据绑定添加智能感知            
<asp:Repeater runat="server" ID="rpOrigin">
给Repeater的数据绑定添加智能感知                
<ItemTemplate>
给Repeater的数据绑定添加智能感知                    
<li>[点击:
给Repeater的数据绑定添加智能感知                        
<%# Eval("ClickCount"%>]
给Repeater的数据绑定添加智能感知                        
<%# GetShortString(Eval("Title").ToString(), 10%>___Post by
给Repeater的数据绑定添加智能感知                        
<%# Eval("AuthorName"%></li>
给Repeater的数据绑定添加智能感知                
</ItemTemplate>
给Repeater的数据绑定添加智能感知            
</asp:Repeater>
给Repeater的数据绑定添加智能感知        
</ul>
给Repeater的数据绑定添加智能感知        
<h1>
给Repeater的数据绑定添加智能感知            添加了前N条高亮的功能.
</h1>
给Repeater的数据绑定添加智能感知        
<ul>
给Repeater的数据绑定添加智能感知            
<CnBlogs:AticleRepeater runat="server" ID="rpArticles" HilightCount="3">
给Repeater的数据绑定添加智能感知                
<%--前面3条高亮--%>
给Repeater的数据绑定添加智能感知                
<MyBodyTemplate>
给Repeater的数据绑定添加智能感知                    
<li class='list_<%# Container.ItemIndex %>'>[点击 :
给Repeater的数据绑定添加智能感知                        
<%# Container.ClickCount %>]
给Repeater的数据绑定添加智能感知                        
<%# Container.Title %>___Post by
给Repeater的数据绑定添加智能感知                        
<%# Container.AuthorName %></li>
给Repeater的数据绑定添加智能感知                
</MyBodyTemplate>
给Repeater的数据绑定添加智能感知            
</CnBlogs:AticleRepeater>
给Repeater的数据绑定添加智能感知        
</ul>
给Repeater的数据绑定添加智能感知        
<h1>
给Repeater的数据绑定添加智能感知            截短标题的列表, 只显示10个字符.
给Repeater的数据绑定添加智能感知        
</h1>
给Repeater的数据绑定添加智能感知        
<ul>
给Repeater的数据绑定添加智能感知            
<CnBlogs:AticleRepeater runat="server" ID="rpArticle2" TitleDisplayLength="10">
给Repeater的数据绑定添加智能感知                
<%--最多显示10个字符--%>
给Repeater的数据绑定添加智能感知                
<MyBodyTemplate>
给Repeater的数据绑定添加智能感知                    
<li>[点击 :
给Repeater的数据绑定添加智能感知                        
<%# Container.ClickCount %>]
给Repeater的数据绑定添加智能感知                        
<%# Container.Title %>___Post by
给Repeater的数据绑定添加智能感知                        
<%# Container.AuthorName %></li>
给Repeater的数据绑定添加智能感知                
</MyBodyTemplate>
给Repeater的数据绑定添加智能感知            
</CnBlogs:AticleRepeater>
给Repeater的数据绑定添加智能感知        
</ul>

高亮效果图:
给Repeater的数据绑定添加智能感知
 完整的代码示例请在此处下载,  俺用的是Vs2008 / .net 2.0(在沙加的神舟本上), 使用VS2005的同学重新建一个自己的解决方案将两个工程添进来即可.

有人也许会问如果绑定的是DataTable或者DataReader怎么办? 可在包装类里面稍作改造也就是我们这里ArticleDataItem,就留给同学习们自己去研究吧;)

相关文章: