Go homepage(回首页)
Upload pictures (上传图片)
Write articles (发文字帖)

The author:(作者)归海一刀
published in(发表于) 2014/1/30 1:13:37
给Repeater的数据绑定添加智能感知_[Asp.Net教程]

给Repeater的数据绑定添加智能感知_[Asp.Net教程]

在项目中,Repeater是使用频度比较高的控件, 一方面它结构简单,速度较快, 同时我们也想办法让它工作得更好, 前不久写过关于数据绑定的东西, 使用Eval方法呢,虽然简单,但是性能不怎么好, 可以将数据项转成 DataRowView 或者是强类型的DTO, 但是写起来不够简洁. 今天在研究netTiers 生成的代码的时候,发现了这个有意思的应用,强类型的好处就不用说了,可以在编译时发现拼写错误了,会节省我们不少的时间,同时通过对"Repeater"的扩展我们可以方便地实现一些其它的特性,好了,我们就用一个实例来说明. 在这个示例中,我们需要绑定一个List

的实体集合列表到控件上面, 先看看效果图:

在这里,我们只要输入一个Container,后面就会自动出现Article的属性了, 是不是很方便啊,不用Hardcode实体属性了.

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


using System;
using System.Collections.Generic;
using System.Text;
using System.Web.UI.WebControls;
using System.Web.UI;
using System.ComponentModel;


namespace Demo.Web
{
[ParseChildren(true)]//这里加这个特性很重要,否则.net将不会识别在前台的模版里面书写的内容.
public class AticleRepeater : Control, INamingContainer//我们并没有从Repeater继承出来.
{
Public properties#region Public properties
private int titleDisplayLength = -1;
/**////


/// 多出来的部分将被截断,当然您可以重写该方法,比如添加一个省略号等.
///

public int TitleDisplayLength
{
get { return titleDisplayLength; }
set { titleDisplayLength = value; }
}


private int hilightCount = -1;
/**////


/// 对前面几条使用不同风格高这显示.
///

public int HilightCount
{
get { return hilightCount; }
set { hilightCount = value; }
}


private List

dataSource;
public List
DataSource
{
get { return dataSource; }
set { dataSource = value; }
}
#endregion


private ITemplate bodyTemplate;


public AticleRepeater()
{
}


[Browsable(false)]
[TemplateContainer(typeof(ArticleDataItem))]
[PersistenceMode(PersistenceMode.InnerDefaultProperty)]
public ITemplate MyBodyTemplate//如何申明一个模版.
{
get { return bodyTemplate; }
set { bodyTemplate = value; }
}


protected override void OnPreRender(EventArgs e)
{
base.DataBind();//这个也是必须的~~否则不能执行<%# Container.DataItem %> 内容.
}


protected override void CreateChildControls()
{
if (ChildControlsCreated)
{
return;
}
Controls.Clear();


if (bodyTemplate != null)
{
int indexer = 1;
foreach (Article _article in dataSource)
{
ArticleDataItem item = new ArticleDataItem(_article);
if (titleDisplayLength != -1)
item.DisplayWordCount = titleDisplayLength;


if (hilightCount != -1)
{
if (indexer <= hilightCount)
item.ItemIndex = indexer;
else
item.ItemIndex = 0;
}


bodyTemplate.InstantiateIn(item);//填充构造一个可重复项目的模版并输出到控件集合.
Controls.Add(item);
indexer++;
}
}
ChildControlsCreated = true;//已经创建控件.
}


public override ControlCollection Controls//不可缺少.
{
get
{
this.EnsureChildControls();
return base.Controls;
}
}
}
/**////


/// 这个是前台绑定时对实体类的包装, 用于实现一些高级特性, 如标题长度截取等. 您可以自行扩展.
///

[System.ComponentModel.ToolboxItem(false)]
public class ArticleDataItem : System.Web.UI.Control, System.Web.UI.INamingContainer
{
private Article m_article = new Article();


public ArticleDataItem(Article article)
{
this.m_article = article;
}


[Bindable(true)]//这个特性让我们在前台可以自动感知.
public string Title
{
//如果需要截短标题.
get
{
if (displayWordCount != -1)
return m_article.Title.Substring(0, displayWordCount);
else
return m_article.Title;
}
}


[Bindable(true)]
public string AuthorName
{
get { return m_article.AuthorName; }
}


[Bindable(true)]
public int AuthorID
{
get { return m_article.AuthorID; }
}


[Bindable(true)]
public int ClickCount
{
get { return m_article.ClickCount; }
}


private int displayWordCount = -1;
/**////


/// 显示字数, 超过这个值的将被截断.
///

public int DisplayWordCount
{
get { return displayWordCount; }
set { displayWordCount = value; }
}


private int itemIndex;
/**////


/// 是第几条数据.
///

public int ItemIndex
{
get { return itemIndex; }
set { itemIndex = value; }
}
}
}



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

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

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



下面这种是原始的写法,虽然可以达到效果,但是比较麻烦.





  • [点击:
    <%# Eval("ClickCount") %>]
    <%# GetShortString(Eval("Title").ToString(), 10) %>___Post by
    <%# Eval("AuthorName") %>





添加了前N条高亮的功能.




    <%--前面3条高亮--%>

  • [点击 :
    <%# Container.ClickCount %>]
    <%# Container.Title %>___Post by
    <%# Container.AuthorName %>





截短标题的列表, 只显示10个字符.




    <%--最多显示10个字符--%>

  • [点击 :
    <%# Container.ClickCount %>]
    <%# Container.Title %>___Post by
    <%# Container.AuthorName %>





高亮效果图:

完整的代码示例请在此处下载, 俺用的是Vs2008 / .net 2.0(在沙加的神舟本上), 使用VS2005的同学重新建一个自己的解决方案将两个工程添进来即可.

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


来源:http://www.cnblogs.com/darkangle







If you have any requirements, please contact webmaster。(如果有什么要求,请联系站长)





QQ:154298438
QQ:417480759