首页 / 脚本样式 / ExtJS / 利用泛型委托增加代码的优雅 扩展ExtJS （2）

利用泛型委托增加代码的优雅 扩展ExtJS （2）2010-12-12 博客园 午夜瞎想上篇（用Asp.net扩展ExtJS）文章中在添加子类的时候利用的仍然是原来的老 方法,创建了一个List<Base>的集合,但这样的代码还不够紧凑,依然需要 优化.

利用.net 自带的Action<T>委托可以方便的进一步优化代码.

aspx代码:

<% =this.HtmlExtJs（）.Init（"ss", f => { f.title = "xxx"; f.varid = "xx"; f.width = 200; f.height = 200; }）
.Columns<ExtJS.Net.ExtButton>（c => { c.text = "xx"; }）
.Columns<ExtJS.Net.ExtButton> （c=>c.text="sasf"）
.ToRender（）
%>

c#代码

public ExtWindow Columns<T>（Action<T> columnBuilder） where T:ExtJsBase, new（）
{
T t=new T（） ;
columnBuilder（t）;
Item.Add（t）;
return this;
}

生成的js代码依然如上文就不用列出来了.

可以看到利用Columns的方法依然不够优雅,既然所有的控件都是基于 ExtJsBase的,直接用一个泛型数组来存里面的容器不是更好.

在基类里面增加ItemBuilder属性

private ItemBuilder<ExtJsBase> _items;


public virtual ItemBuilder<ExtJsBase> Item
{
get {
if （_items == null）
_items = new ItemBuilder<ExtJsBase>（）;
return _items;
}
set { _items = value; }
}

ItemBuilder类实现了IList<T> 并增加For方法

public void For<A>（Action<A> propertySpecifier） where A:T,new（）
{
A t=new A （） ;
propertySpecifier（t）;

_columns.Add（t）;

}

来实现添加Window容器里面的控件,实现后的aspx代码

<% =this.HtmlExtJs（）.Init（"ss", f => { f.title = "xxx"; f.varid = "xx"; f.width = 200; f.height = 200; }）
.AddItem（item =>
{
item.For<ExtJS.Net.ExtButton> （f=>f.text="fds"）;
item.For<ExtJS.Net.ExtJS.Form.ExtTextField>（f => f.fieldLabel = "111"）;
}）

.ToRender（）%>

这样看起来就美观多了 基本的前台ExtJS结构就用如此模式实现了.终于不 用写那么多麻烦js啦.利用vs智能提示的优势结合强大的Extjs,咱们站在两个巨 人的头上干活还不更快吗？