基于JQuery EasyUI的WebForm控件封装(含源码)
做WebForm软件的朋友们,对于JQuery EasyUI类库肯定不会陌生,它是基于JQuery类库编写的,据说是国人开发的,真是神人啊.使用此控件,可以大大减轻我们的工作量.相比微软的控件,更为实用和好用.但有一点和微软控件相比,还有所欠缺,就是不能像微软控件一样拖来拖去的使用.做NET的,我们已经习惯了这种拖来拖去的开发方式.
---------------------------------------------------------------------------------
博客搬家啦,新地址:
---------------------------------------------------------------------------------
基于此,我将这个UI类库进行了二次封装,我们可以像微软控件那样拖来拖去了.下面看几个控件截图,如图-1至图-6所示
图-1
图-2
图-3
图-4
图-5
图-6
我们再看看这些控件如何加载的,如图-7所示.这是EasyUICombo控件的加载方式,其他控件大同小异.它其实继承的是DropDownList控件,所以有ListItem子项.被我改造了下就可以用到EasyUI中,是不是很简单咯
图-7
再看下EasyUI.DataGrid,这个控件封装时间最长,也最繁琐,如图-8和图-9所示.我们不需要在前端写一堆DataGrid配置代码了,全部封装至底层,这种代码写一次就够了.
图-8
图-9
再看下EasyUI.Tree控件,如图-10和图-11所示
图-10
图-11
整个封装过程还是比较有意思,有一些东西可学的.完整的封装一个控件,如图-12所示,其中的一个封装片断
图-12
项目编译好后,在Web.Config中引入一下就可以用了.如图-13所示
图-13
这里推荐大家一本书,也是园子里一位大牛写的,很不错.
庖丁解牛:纵向切入ASP.NET 3.5控件和组件开发技术(第2版)
1,关注微信公众号:小特工作室(也可直接扫描签名处二维码)
2,发送:示例4010
即可下载