based on jQuery, Angular and Vue.
don't need to write many javascript code, you usually define user-interface by writing some HTML markups.
Freeware edition does not include source code (code is "compressed").
Each component of easyui has properties, methods and events. Users can extend them easily.
properties is defined in jQuery.fn.{plugin}.defaults
events(callback functions) is defined in jQuery.fn.{plugin}.defaults also. 一样
Methods defined in jQuery.fn.{plugin}.methods.
 Each method has two parameters: jq and param. 
调用:$('selector').plugin('method', parameter);
引入
  1. <link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css">
  2. <link rel="stylesheet" type="text/css" href="easyui/themes/icon.css">
  3. <script type="text/javascript" src="easyui/jquery.min.js"></script>
  4. <script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>
或可选的
//引入语言包 <script type="text/javascript" src="easyui/locale/easyui-lang-zh_CN.js" ></script>
窗口
Load window content via ajax.
  1. $('#win').window('refresh', 'get_content.php');
动态添加tabs
分页
折叠面板:个人感觉可以用作左侧导航, 布局也可以作左侧导航(region="west"和center)
布局:5部分,可以嵌套, 如果放在整个页面上,需要加在body上<body class="easyui-layout">,而不是<div id="cc" class="easyui-layout"
fit属性:尺寸适应它的父容器
有时<!DOCTYPE html> 这行代码会出现
菜单
sidemenu
按钮有链接按钮,
菜单按钮:可实现下拉式菜单,
SplitButton跟菜单按钮差不多,区别是, splitbutton is split into two parts.When moving mouse over the splitbutton, a 'split' line will display. The menu only display when moving mouse over the right part of splitbutton.
SwitchButton
MaskedBox:结构化输入
Combo:display a editable text box and drop-down panel
DataGrid
DataList:a special datagrid that displays data in one column.
ComboBox:display an editable text box and drop-down list,user can select one or multiple values. 
ComboTree: similar to combobox but replace the list with tree component.
ComboGrid:an editable text box with drop-down datagrid panel
TreeGrid
ComboTreeGrid
TagBox
Spinner:
Messager
PropertyGrid
Tree
RTL (Right to Left) 
示例程序源码

easyui使用介绍的更多相关文章

  1. easyui 功能介绍

    最近使用easyui, 下面,我介绍下常用功能: //绑定Product总类型 $('#gdv_ProductParentType').datagrid({ url: '../api/BindData ...

  2. 大分享-hibernate,springmvc,easyui简要介绍

    近期公司一直在做项目,主要用到了springMVC,eseayui,hibernate几大框架.近一个月的时间,个人就目前自我知识给予分享. 很多公司使用mybatis产品,综合所述其最大优点是全SQ ...

  3. jquery-easyUI第一篇【介绍、入门、使用常用的组件】

    什么是easyUI 我们可以看官方对easyUI的介绍: easyUI就是一个在Jquery的基础上封装了一些组件-.我们在编写页面的时候,就可以直接使用这些组件-非常方便-easyUI多用于在后台的 ...

  4. 前端基于easyui的mvc扩展

    背景 由于MVC的前端是基于jquery.validate和jquery.validate.unobtrusive来实现的,但是当我们要使用其他的ui组件且组件本身就带有完整的验证功能的话,那么要让它 ...

  5. EasyUI学习总结(六)——EasyUI布局

    一.EasyUI布局介绍 easyUI布局容器包括东.西.南.北.中五个区域,其中中心面板是必须的,而东.西.南.北这四个面板是可选的,如果布局里面不需要东.西.南.北这四个面板,那么可以把相应的di ...

  6. 【EasyUI学习-1】MyEclipse+easyui学习官方Demo

    介绍 easyui的介绍,网上很多,这里就不进行介绍了. easyUI获取 官网: http://www.jeasyui.com/  下载地址:http://www.jeasyui.com/downl ...

  7. EasyUI学习总结(六)——EasyUI布局(转载)

    本文转载自:http://www.cnblogs.com/xdp-gacl/p/4088198.html 一.EasyUI布局介绍 easyUI布局容器包括东.西.南.北.中五个区域,其中中心面板是必 ...

  8. easyUI关键(常见)组件详解

    一.easyUI 相关介绍 1.EasyUI 是前端框架,封装大量 css和封装大量 JS 2.使用前端框架时,给标签定义class 属性,就会有样式和脚本功能了(class属性对应了相关封装过的cs ...

  9. 搭建web框架手册(一)

    昨天听完永康对EASYUI的介绍后终于明白了优秀的UI框架就是第一生产力,过去自己一直沉浸在后端代码中,完全忽视了前端的生产力交互,总觉得界面漂亮就是生产力,其实大错特错,真正的具有高效生产力的界面其 ...

随机推荐

  1. JEECG中t:dictSelect的extendJson用法

    1.t:dictSelect的各个属性值如下: 属性名 类型 描述 是否必须 默认值 title string 标题 否 null field string 控件字段名字 是 null typeGro ...

  2. fdatool的滤波器设计

    作者:桂. 时间:2017-08-15  20:28:11 链接:http://www.cnblogs.com/xingshansi/p/7367738.html 前言 本文主要记录滤波器设计的基本流 ...

  3. Outlook 如何初始化邮箱

    首先我们找到邮箱的安装位置,我们可以右键Outlook,然后看其属性.找到其安装位置,复制下来,比如说 "C:\Program Files\Microsoft Office\root\Off ...

  4. Nginx(六):Nginx HTTP负载均衡和反向代理的配置与优化

    一.什么是负载均衡和反向代理 随着网站访问量的快速增长,单台服务器已经无法承担大量用户的并发访问,必须釆用多台服务器协同工作,以提高计算机系统的处理能力和计算强度,满足当前业务量的需求.而如何在完成同 ...

  5. MySQL,如何修改root帐户密码、如何解决root帐户忘记密码的问题

    1. 如何修改root帐户密码 打开MySQL 5.6 Command Line Client窗口,输入当前密码登录,然后依次输入如下3条命令: use mysql; update user set ...

  6. LeetCode OJ 之 Maximal Square (最大的正方形)

    题目: Given a 2D binary matrix filled with 0's and 1's, find the largest square containing all 1's and ...

  7. Javascript的&&和||的另类用法

    Javascript的&&和||的另类用法. 又开始研究起 Titanium 来,发现其官方出品的MVC框架(Alloy)还是挺不错的,刚开始苦于没有好的代码来学习,文档又少,所以一直 ...

  8. MySQL循环语句实例教程 mysql while循环测试

    在mysql数据库中操作同样有循环语句操作,标准的循环方式: while 循环 . loop 循环和repeat循环.还有一种非标准的循环: goto. 鉴于goto 语句的跳跃性会造成使用的的思维混 ...

  9. 一分钟上手, 让 Golang 操作数据库成为一种享受

    gorose, 最风骚的 go orm, 拥有链式操作, 开箱即用, 一分钟上手等八大风骚, 让 golang 操作数据库成为一种享受, 妈妈再也看不到我处理数据的痛苦了, 下面就来为大家一一讲解 g ...

  10. 数据库的硬迁移和mysql 5.5.38源码安装

    场景:一台服务器出现了故障,需要把数据库迁移到另一台服务器上,由于数据效大,直接压缩数库的数据目录(在数据库DOWN的情况下)数据库版本mysql 5.5.38安装方式:源码安装思路:在另一台服务器上 ...