利用泛型委托增加代码的优雅扩展ExtJS (2) -控件新闻-慧都网

利用泛型委托增加代码的优雅扩展ExtJS (2)

原创|其它|编辑：郝浩|2009-05-31 09:59:59.000|阅读 565 次

概述：本来教你如何用Asp.net扩展ExtJS，并提供详细原码。

#慧都22周年庆大促·界面/图表报表/文档/IDE/IOT/测试等千款热门软控件火热促销中>>

上篇文章中在添加子类的时候利用的仍然是原来的老方法,创建了一个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()%>

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