easyUi基础组件

简介

介绍：基于Jquery，最简单的UI框架。
easyui中文示例文档

1 Panel组件

1.1，EasyUI 简单介绍

1.2，基本面板组件使用

1.3，面板工具

1.4， 定制工具

1.5，面板异步加载内容

1.6，嵌套面板

ps:嵌套面板必须要有center部分

2 Messager组件

$.messager.show()，$是js对象级联调用，$是一个对象，messager是$对象的对象属性，show()是messager对象的方法
$是easyui内置对象 算是一个功能很多的对象了 （小祖宗级别）

2.1，基本消息组件

2.2，提醒消息组件

2.3，交互式消息组件

2.4，消息框位置

3 DateBox组件（日期框）

3.1，基本日期框组件

3.2，日期格式化

3.3，日期框验证 （required属性）

3.4，日期框事件

onSelect()事件，选择后可以获取选择的内容

4 DateTimeBox组件（日期时间框组件）

也能选日期也能选时间；

4.1，基本日期时间框组件

4.2，为日期时间框组件初始化值（vlaue属性）

4.3，显示秒（增加属性方法）

5 TimeSpinner组件（时间微调器）

5.1，基本时间微调器组件

5.2，时间范围 （data-option属性）

5.3，时间微调器相关操作（获取、设置、禁用、启用）

6 Calendar组件

6.1，基本日历组件 （就挂在那里给你看）

6.2，一周的第一天（固定星期放在第一列）

7 NumberBox组件

7.1 基本数字框组件

7.2 数字范围（data-option设置范围，precision设置精度）

7.3 格式化数字（格式化货币，逗号啥的）

8 NumberSpinner组件

8.1 基本数字微调器组件

8.2 增量数（固定步长 increment）

8.3 数字范围

9 ValidateBox组件（验证框）

9.1 基本验证框组件

9.2 定制验证框提示（prompt属性）

10 Slider组件（滑动器）

10.1，基本滑动器组件

10.2，滑动器标尺 （rule）

10.3，格式化提示信息

10.4，垂直滑动器(model:‘v’)

11 Combo组件

11.1 基本下拉组件

一般很少用

12 ComboBox组件（下拉）(还没学)

12.1 基本下拉框组件（和下拉组件有区别的）

12.2，动态加载下拉框数据

12.3，下拉框多选

12.4，导航下拉框

导航选中，把选中的内容自动填充到框内

12.5，下拉框自定义格式

12.6，绑定远程数据

加入url

12.7，下拉框组件相关操作

设置、获取、禁用、启用

13 ComboGrid组件(下拉的时候需要看很多其他信息)

13.1，基本下拉表格组件

13.2，为下拉表格赋初值 （在原来基础上多了value）

13.3，下拉表格多选 （mulitple）

13.4，导航下拉表格

13.5，下拉表格组件相关操作

设置、获取、禁用、启用

14 ComboTree组件

14.1，基本下拉树组件

14.2，为下拉树赋初值

14.3，下拉树多选

14.4，下拉树组件相关操作

15 Form表单（前面都是form表单组件）

15.1，基本表单组件

15.2，加载表单数据

（加载本地或者加载远程）

15.3，AJAX 表单提交（Java 后台交互）

16 EasyLoader组件（一个加载器）

动态加载 核心：using方法

17 Draggable组件(基本拖拽组件)

17.1，基本拖拽组件

17.2，拖拽限制

17.3，对齐拖拽

17.4，购物车

17.5，学校课程表

ondrop()方法

18 Droppable组件

18.1，基本可拽入容器

18.2，改变拖放物顺序

18.3，接受一个拖拽物

19 Resizable组件（基本可缩放组件）

首先需要时可拖拽组件

20 Pagination组件

一，基本分页组件
二，定制分页组件按钮 （可以加一些工具按钮）
三，简化分页组件

21 SearchBox组件

一，基本搜索框组件
按enter
二，分类搜索（加menu属性）

22 Progressbar组件（基本进度条组件）

23 ToolTip组件

一，基本提示信息组件
二，提示信息位置
三，定制提示信息内容
四，定制提示信息风格
五，提示信息组件作为工具条
六，Ajax 提示信息 （核心是：href）
七，提示信息对话框(核心是：href)

24 Window组件(比较常用，前面的是基本组件和表单组件)

一，基本窗体组件 （弹出来的）
二，定制窗体工具 （引入tools属性）
三，内部窗体 （只能在父窗体（父div）里面移动）
四，模态窗体 （默认是非模态窗体）
模态就是打开之后不能操作外面的东西
五，窗体布局

25 Dialog组件

一，基本对话窗体组件 （基于window）继承window
二，工具栏和按钮
三，对话窗体上的复杂工具栏

26 Tabs组件

一，基本选项卡组件
二，选项卡自适应高度
三，选项卡自动切换
四，选项卡嵌套
五，选项卡片工具
六，选项卡工具
七，选项卡位置

27 Accordion组件

一，基本可折叠面板组件
二，可折叠面板工具
三，通过 AJAX 加载内容
四，可折叠面板相关操作

28 Layout组件

一，基本布局组件
二，全屏
三，嵌套布局
四，布局中无折叠按钮
五，添加和删除布局组件
六，复杂布局

29 Menu组件

一，基本菜单组件
二，定制菜单组件
三，菜单事件

30 LinkButton组件

一，基本链接按钮组件
二，普通链接按钮
三，按钮图标对齐方式
四，开关按钮
五，按钮组

31 MenuButton组件

一，基本菜单按钮
二，菜单按钮相关操作

32 SplitButton组件

一，基本分隔按钮
二，分隔按钮的相关操作