做WebForm軟件的朋友們,對于JQuery EasyUI類庫肯定不會陌生,它是基于JQuery類庫編寫的,據說是國人開發(fā)的,真是神人啊.使用此控件,可以大大減輕我們的工作量.相比微軟的控件,更為實用和好用.但有一點和微軟控件相比,還有所欠缺,就是不能像微軟控件一樣拖來拖去的使用.做NET的,我們已經習慣了這種拖來拖去的開發(fā)方式.
基于此,我將這個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