EasyUI使用教程

应用程序

• 构建增删改查应用
• 构建可编辑的增删改查表格
• 展开行详情中构建表单增删改查应用
• 创建在线RSS阅读器

拖动放置

• 基本拖放功能
• 构建可拖放的购物车
• 创建课程时间表

菜单和按钮

• 创建简单菜单
• 创建带链接的按钮
• 创建菜单按钮
• 创建分割按钮

页面布局

• 构建带边框的页面布局
• 面板中的复杂布局
• 创建折叠面板
• 创建选项卡
• 动态新增选项卡
• 创建自动切换的选项卡
• 创建XP风格的左侧面板

数据表格

• HTML表格转换数据表格
• 新增分页功能到数据表格
• 新增查询功能到数据表格
• 获得数据表格中选中行的数据
• 新增工具栏到数据表格
• 创建具有复杂工具条的数据表格
• 冻结列的数据表格
• 动态改变列的数据表格
• 格式化数据表格的列
• 增加排序功能到数据表格
• 数据表格中的自定义排序
• 在数据表格中创建分组功能的列
• 数据表格中的多选框
• 自定义数据表格分页
• 开启数据表格的行内编辑功能
• 扩展数据表格的编辑器
• 可编辑数据表格中计算两列值
• 合并数据表格单元格
• 数据表格中创建自定义视图
• 数据表格脚部显示摘要信息
• 改变数据表格中某些行背景颜色
• 创建属性表格
• 数据表格中展开行显示详情
• 主数据表格中创建子表
• 使用虚拟滚动视图显示更多行

窗口

• 我的第一个窗口
• 自定义窗口工具栏
• 窗口和布局
• 创建模态对话框
• 自定义模态对话框工具栏和按钮

树

• 结构化代码创建树
• 创建异步加载树
• 追加节点到树
• 创建具有复选框节点的树
• 具有拖放功能的树
• 加载父/子节点到树
• 创建基本的树形表格
• 创建复杂的树形表格
• 树形表格中动态加载
• 树形表格中增加分页功能
• 树形表格中懒加载节点

表单

• 使用Ajax提交表单
• 表单中增加树形下拉框字段
• 表单验证
• 格式化下拉列表框选项
• 有过滤功能的数据表格下拉框