做WebForm軟件的朋友們,對(duì)于JQuery EasyUI類庫肯定不會(huì)陌生,它是基于JQuery類庫編寫的,據(jù)說是國人開發(fā)的,真是神人啊.使用此控件,可以大大減輕我們的工作量.相比微軟的控件,更為實(shí)用和好用.但有一點(diǎn)和微軟控件相比,還有所欠缺,就是不能像微軟控件一樣拖來拖去的使用.做NET的,我們已經(jīng)習(xí)慣了這種拖來拖去的開發(fā)方式.
基于此,我將這個(gè)UI類庫進(jìn)行了二次封裝,我們可以像微軟控件那樣拖來拖去了.下面看幾個(gè)控件截圖,如圖-1至圖-6所示
圖-1
圖-2
圖-3
圖-4
圖-5
圖-6
我們?cè)倏纯催@些控件如何加載的,如圖-7所示.這是EasyUICombo控件的加載方式,其他控件大同小異.它其實(shí)繼承的是DropDownList控件,所以有ListItem子項(xiàng).被我改造了下就可以用到EasyUI中,是不是很簡單咯
圖-7
再看下EasyUI.DataGrid,這個(gè)控件封裝時(shí)間最長,也最繁瑣,如圖-8和圖-9所示.我們不需要在前端寫一堆DataGrid配置代碼了,全部封裝至底層,這種代碼寫一次就夠了.
圖-8
圖-9
再看下EasyUI.Tree控件,如圖-10和圖-11所示
圖-10
圖-11
整個(gè)封裝過程還是比較有意思,有一些東西可學(xué)的.完整的封裝一個(gè)控件,如圖-12所示,其中的一個(gè)封裝片斷
圖-12
項(xiàng)目編譯好后,在Web.Config中引入一下就可以用了.如圖-13所示
圖-13