基于JQuery EasyUI的WebForm控件封装(含源码)

      做WebForm软件的朋友们,对于JQuery EasyUI类库肯定不会陌生,它是基于JQuery类库编写的,据说是国人开发的,真是神人啊.使用此控件,可以大大减轻我们的工作量.相比微软的控件,更为实用和好用.但有一点和微软控件相比,还有所欠缺,就是不能像微软控件一样拖来拖去的使用.做NET的,我们已经习惯了这种拖来拖去的开发方式.

 

---------------------------------------------------------------------------------

博客搬家啦,新地址:

https://www.navisoft.com.cn

---------------------------------------------------------------------------------

 

 

      基于此,我将这个UI类库进行了二次封装,我们可以像微软控件那样拖来拖去了.下面看几个控件截图,如图-1至图-6所示

clip_image001

图-1

clip_image002

图-2

clip_image003

图-3

clip_image004

图-4

clip_image005

图-5

clip_image006

图-6

      我们再看看这些控件如何加载的,如图-7所示.这是EasyUICombo控件的加载方式,其他控件大同小异.它其实继承的是DropDownList控件,所以有ListItem子项.被我改造了下就可以用到EasyUI中,是不是很简单咯

clip_image008

图-7

      再看下EasyUI.DataGrid,这个控件封装时间最长,也最繁琐,如图-8和图-9所示.我们不需要在前端写一堆DataGrid配置代码了,全部封装至底层,这种代码写一次就够了.

clip_image010

图-8

clip_image012

图-9

      再看下EasyUI.Tree控件,如图-10和图-11所示

clip_image013

图-10

clip_image015

图-11

      整个封装过程还是比较有意思,有一些东西可学的.完整的封装一个控件,如图-12所示,其中的一个封装片断

clip_image017

图-12

     项目编译好后,在Web.Config中引入一下就可以用了.如图-13所示

clip_image019

图-13

      这里推荐大家一本书,也是园子里一位大牛写的,很不错.

      庖丁解牛:纵向切入ASP.NET 3.5控件和组件开发技术(第2版)

 

 源码下载方式
1,关注微信公众号:小特工作室(也可直接扫描签名处二维码)
2,发送:示例4010
即可下载 
posted @ 2011-05-17 09:25  斜杠青年小Q  阅读(11253)  评论(115编辑  收藏  举报