下载APP 随时随地学编程
返回 首页

jQuery EasyUI教程

开始阅读

手册说明:

认识jQuery EasyUI:

jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签。




jQuery EasyUI为开发者提供了大多数UI控件的使用,如:accordion,combobox,menu,dialog,tabs,validatebox,datagrid,window,tree等等。


jQuery EasyUI功能相对没extjs强大,但页面也是相当好看的,同时页面支持各种themes以满足使用者对于页面不同风格的喜好。一些功能也足够开发者使用,相对于extjs更轻量。


jQuery EasyUI教程结构概述:

本教程共由10个章节构成,详细讲述了jQuery EasyUI的基础使用方法并附带了大量的实例辅助您的学习,让您轻松掌握jQuery EasyUI。


本教程包含:

1、jQuery EasyUI简介

2、jQuery EasyUI应用

3、jQuery EasyUI拖放

4、jQuery EasyUI菜单与按钮

5、jQuery EasyUI布局

6、jQuery EasyUI数据网络

7、jQuery EasyUI窗口

8、jQuery EasyUI树形菜单

9、jQuery EasyUI表单

10、jQuery EasyUI参考手册


jQuery EasyUI的发展及学习前的准备:

jQuery EasyUI是最近几年流行的一种前端开发技术,它主要是将软件开发中的前端部分,以不同插件的形式展示出来,以供开发人员选择。如果没有这些插件,前端开发会寸步难行。正是这些简单、易用、轻量级的特点使其成为了广大软件公司的选择。


在您开始学习jQuery EasyUI之前,您应该对以下知识有基本的了解:

JavaScript 教程

jQuery教程

HTML 教程

本教程主旨在于让读者在一个完整项目框架下,学习到jQuery EasyUI插件的同时,还能够熟练掌握数据库常用操作等内容,以及软件项目开发的一般流程。通过阅读本教程,读者的开发能力会得到整体的提升,而不是强调片面。教程中的例子都尽量做到简洁高效,没有太多冗余代码,既适合刚入行的新手,也适合具有一定工作经验的读者。


jQuery EasyUI的优缺点:

优点:

轻量,组件较为丰富,效果还可以,版本已经趋于稳定,官方有专人维护与技术支持。


缺点:

部分组件功能不太丰富,有少量兼容性问题,性能有些小小问题。


相关网址:

jQuery EasyUI 下载: http://www.jeasyui.com/download/index.php 

jQuery EasyUI 中文网:http://www.jeasyui.net/

jQuery EasyUI 官网:http://www.jeasyui.com/

jQuery EasyUI 中文社区:http://bbs.jeasyuicn.com/


除了本教程,您还可以在w3cschool上学习:

HTML 教程

CSS 教程

《HTML 5 教程》




更新记录
目录

jQuery EasyUI 教程

jQuery EasyUI 简介

jEasyUI 应用

jQuery EasyUI 应用 – 创建 CRUD 应用
jQuery EasyUI 应用 – 创建 CRUD 数据网格
jQuery EasyUI 应用 – 创建展开行明细编辑表单的 CRUD 应用
jQuery EasyUI 应用 – 创建 RSS Feed 阅读器

jEasyUI 拖放

jQuery EasyUI 拖放 – 基本的拖动和放置
jQuery EasyUI 拖放 – 创建拖放的购物车
jQuery EasyUI 拖放 – 创建学校课程表

jEasyUI 菜单与按钮

jQuery EasyUI 菜单与按钮 – 创建简单的菜单
jQuery EasyUI 菜单与按钮 – 创建链接按钮
jQuery EasyUI 菜单与按钮 – 创建菜单按钮
jQuery EasyUI 菜单与按钮 – 创建分割按钮

jEasyUI 布局

jQuery EasyUI 布局 – 为网页创建边框布局
jQuery EasyUI 布局 – 在面板中创建复杂布局
jQuery EasyUI 布局 – 创建折叠面板
jQuery EasyUI 布局 – 创建标签页(Tabs)
jQuery EasyUI 布局 – 动态添加标签页(Tabs)
jQuery EasyUI 布局 – 添加自动播放标签页(Tabs)
jQuery EasyUI 布局 – 创建 XP 风格左侧面板

jEasyUI 数据网格

jQuery EasyUI 数据网格 – 转换 HTML 表格为数据网格
jQuery EasyUI 数据网格 – 取得选中行数据
jQuery EasyUI 数据网格 – 添加查询功能
jQuery EasyUI 数据网格 – 添加工具栏
jQuery EasyUI 数据网格 – 创建复杂工具栏
jQuery EasyUI 数据网格 – 设置冻结列
jQuery EasyUI 数据网格 – 动态改变列
jQuery EasyUI 数据网格 – 格式化列
jQuery EasyUI 数据网格 – 设置排序
jQuery EasyUI 数据网格 – 自定义排序
jQuery EasyUI 数据网格 – 创建列组合
jQuery EasyUI 数据网格 – 添加复选框
jQuery EasyUI 数据网格 – 自定义分页
jQuery EasyUI 数据网格 – 启用行内编辑
jQuery EasyUI 数据网格 – 扩展编辑器
jQuery EasyUI 数据网格 – 列运算
jQuery EasyUI 数据网格 – 合并单元格
jQuery EasyUI 数据网格 – 创建自定义视图
jQuery EasyUI 数据网格 – 创建页脚摘要
jQuery EasyUI 数据网格 – 条件设置行背景颜色
jQuery EasyUI 数据网格 – 创建属性网格
jQuery EasyUI 数据网格 – 扩展行显示细节
jQuery EasyUI 数据网格 – 创建子网格
jQuery EasyUI 数据网格 – 使用虚拟滚动视图显示海量数据
jQuery EasyUI 数据网格 – 添加分页组件

jEasyUI 窗口

jQuery EasyUI 窗口 – 自定义窗口工具栏
jQuery EasyUI 窗口 – 窗口与布局
jQuery EasyUI 窗口 – 创建对话框
jQuery EasyUI 窗口 – 自定义带有工具条和按钮的对话框

jEasyUI 树形菜单

jQuery EasyUI 树形菜单 – 使用标记创建树形菜单
jQuery EasyUI 树形菜单 – 创建异步树形菜单
jQuery EasyUI 树形菜单 – 树形菜单添加节点
jQuery EasyUI 树形菜单 – 创建带复选框的树形菜单
jQuery EasyUI 树形菜单 – 树形菜单拖放控制
jQuery EasyUI 树形菜单 – 树形菜单加载父/子节点
jQuery EasyUI 树形菜单 – 创建基础树形网格
jQuery EasyUI 树形菜单 – 创建复杂树形网格
jQuery EasyUI 树形菜单 – 树形网格动态加载
jQuery EasyUI 树形菜单 – 树形网格添加分页
jQuery EasyUI 树形菜单 – 树形网格惰性加载节点

jEasyUI 表单

jQuery EasyUI 表单 – 创建异步提交表单
jQuery EasyUI 表单 – 表单验证
jQuery EasyUI 表单 – 创建树形下拉框(ComboTree)
jQuery EasyUI 表单 – 格式化下拉框(ComboBox)
jQuery EasyUI 表单 – 过滤下拉数据网格(ComboGrid)

jEasyUI 参考手册

jQuery EasyUI 插件
jQuery EasyUI 扩展

关闭