什么是EasyUI

• http://www.jeasyui.net/（中文网）
• http://www.jeasyui.com/（英文版）
• EasyUI官方下载地址：http://www.jeasyui.com/download/index.php
• 1.什么是easyui？
• easyui是一种基于jQuery的用户界面插件集合
• 2.easyui能带给我们什么好处？
• 1）easyui是个完美支持HTML5网页的完整框架
• 2）easyui节省网页开发的时间和规模
• 3）easyui很简单但功能强大
• 3.easyui如何使用？
• 3.1 引入必要的js和css样式文件
• 1）引入JQuery（jquery.min.js）
• 2）引入EasyUI（jquery.easyui.min.js）
• 3）引入EasyUI的中文国际化js，让EasyUI支持中文（locale/easyui-lang-zh_CN.js）
• 4）引入EasyUI的样式文件（/themes/default/easyui.css）
• 5）引入EasyUI的图标样式文件（/themes/icon.css）
• 3.2 路径问题
• 3.2.1 相对路径/绝对路径
• 3.2.2 base标签:仅作用于head标签之间的script和link标签上，src、href
• 3.3 页面缓存
• 4.组件
• 分类：Base（基础）、Layout（布局）、Menu and Button（菜单和按钮）、Form（表单）、Window（窗口）、
• DataGrid and Tree（表格和树）、Extension（扩展）
• 本章节主要讲述以下组件的使用：
• 1）layout（布局组件）
• 2）accordion（分类组件）
• 3）tree（树形组件）
• 4）tabs（选项卡组件）
• 5）datagrid和pagination（表格和分页组件）
• 6）dialog和messager（窗口组件）
• 7）form（表单组件）
• 5.功能实现流程
• 1）使用layout完成后台管理界面布局；
• 2）通过Ajax动态添加一级菜单Accordion；
• 3）通过Accordion的onSelect事件动态绑定Tree组件数据；
• 4）选中Tree组件中的子节点动态创建Tab页签；
• #tab .tabs-panels>.panel>.panel-body
• {overflow: hidden;}