使用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