zoukankan      html  css  js  c++  java
  • 基于JQuery EasyUI的WebForm控件封装(含源码)

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

          基于此,我将这个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
    即可下载 
  • 相关阅读:
    3个常用基于Linux系统命令行WEB网站浏览工具(w3m/Links/Lynx)
    Linux进程关系
    Linux信号基础
    Linux进程基础
    Linux架构
    Linux文本流
    Linux文件管理相关命令
    Linux命令行与命令
    【转载】 input 输入格式化
    【所见即所得】textarea 精确限制字数、行数,中、英、全半角混检 。源码带注释
  • 原文地址:https://www.cnblogs.com/xiyang1011/p/2048475.html
Copyright © 2011-2022 走看看