基于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 即可下载 

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏非著名程序员

精选!5 个必备必知必用的前端插件

IE 不敢说话,猎豹,360 相视对瞄,世界之窗竟然动了脚步,这难道是在跃跃欲试?我靠,竟然是往后退了一步。到时火狐在跃跃欲试。这时,说时迟那时快,Chrome...

8445
来自专栏ionic3+

【风雨欲来的Hybird】(2)Stencil——万物皆组件,与框架无关

Stencil也不是一个新东西,出来快有10个月了,它中文意思是“模版”,是一个Web组件的编译器,它采用微小的虚拟DOM层、有效的单向数据绑定、异步渲染管道(...

1202
来自专栏Coco的专栏

《HTML重构》读书笔记&思维导图

1754
来自专栏ytkah

微信小程序开发教程第七章:微信小程序编辑名片页面开发

编辑名片有两条路径,分为新增名片流程与修改名片流程。 用户手填新增名片流程: ? ? ? 首先跳转到我们的新增名片页面 1 需要传递用户的当前 userId,w...

3267
来自专栏移动开发之家

从Android到React Native开发(一、入门)

 大家好┏ (^ω^)=,许久不见,一不小心断更就成为了一种习惯,因为最近掉React Native的坑里,无法自拔啊~(╯‵□′)╯︵┻━┻。

1012
来自专栏LanceToBigData

Eclipse快捷键

eclipse中的快捷键非常之多,其实你不要去刻意去记,用着用着就知道了。 一、常用快捷键 ? 二、编辑 ? 三、查看 ? 四、窗口 ? 五、导航 ? 六、搜索...

2037
来自专栏Debian社区

Debian下安装搜狗拼音输入法

2013年12月,搜狗与Ubuntu Kylin团队开始合作开发“搜狗输入法Linux版”。经过五个月的合作,于2014年4月17日,正式发布了1.0版本。20...

1773
来自专栏腾讯NEXT学位

【干货】解剖小程序的 setData

双线程的渲染机制、通信机制,setData 的出现、工作原理、使用建议等,应该要怎么去理解呢?

7832
来自专栏Android机动车

大杀器Bodymovin和Lottie:把AE动画转换成HTML5/Android/iOS原生动画

Airbnb出了移动端的动画库Lottie,可以和一个名叫Bodymovin的AE插件结合起来,把在AE上做好的动画导出为json文件,然后以Android/i...

3281
来自专栏yang0range

html基础知识

超文本传输协议,Hypertext Transfer Protocol。 这是一个文件的传输协议,我们上网的时候,所有的文件都是通过HTTP这个协议,从服务器...

1072

扫码关注云+社区

领取腾讯云代金券