Jquery EasyUI环境搭建以及简单使用
2015-11-30 23:30
816 查看
1、EasyUI 简介
easyui是一种基于jQuery的用户界面插件集合。
easyui为创建现代化,互动,JavaScript应用程序,提供必要的功能。
使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面。
easyui是个完美支持HTML5网页的完整框架。
easyui节省您网页开发的时间和规模。
easyui很简单但功能强大的。
官网:http://www.jeasyui.net/
2、环境搭建
首先导入资源,然后就可以用了
/themes/default/easyui.css
/themes/icon.css
/jquery-1.7.2.min.js
/jquery.easyui.min.js
/easyui-lang-zh_CN.js
应用包括:
EasyUI应用
创建 CRUD 应用
创建 CRUD 数据网格(DataGrid)
创建展开行明细编辑表单的 CRUD 应用
创建 RSS Feed 阅读器
EasyUI 拖放
基本的拖动和放置
创建拖放的购物车
创建学校课程表
EasyUI 菜单与按钮
创建简单的菜单
创建链接按钮(Link Button)
创建菜单按钮(Menu Button)
创建分割按钮(Split Button)
EasyUI 布局
为网页创建边框布局
在面板中创建复杂布局
创建折叠面板
创建标签页(Tabs)
动态添加标签页(Tabs)
添加自动播放标签页(Tabs)
创建 XP 风格左侧面板
EasyUI 数据网格
转换 HTML 表格为数据网格
添加分页组件
添加查询功能
取得选中行数据
添加工具栏
创建复杂工具栏
设置冻结列
动态改变列
格式化列
设置排序
自定义排序
创建列组合
添加复选框
自定义分页
启用行内编辑
扩展编辑器
列运算
合并单元格
创建自定义视图
创建页脚摘要
条件设置行背景颜色
创建属性网格
扩展行显示细节
创建子网格
使用虚拟滚动视图显示海量数据
EasyUI 窗口
创建简单窗口
自定义窗口工具栏
窗口与布局
创建对话框
自定义带有工具条和按钮的对话框
EasyUI 树形菜单
使用标记创建树形菜单
创建异步树形菜单
树形菜单添加节点
创建带复选框的树形菜单
树形菜单拖放控制
树形菜单加载父/子节点
创建基础树形网格
创建复杂树形网格
树形网格动态加载
树形网格添加分页
树形网格惰性加载节点
EasyUI 表单
创建异步提交表单
创建树形下拉框
表单验证
格式化下拉框
过滤下拉数据网格
3、插件
EasyUI扩展
Portal(制作图表、列表、球形图等)
数据网格视图(DataGrid View)
可编辑的数据网格(Editable DataGrid)
可编辑的树(Editable Tree)
数据网格行过滤(DataGrid Filter Row)
数据网格行拖放(Drag and Drop Rows in DataGrid)
树形网格行拖放(Drag and Drop Rows in TreeGrid)
主题(Themes)
DWR 加载器(DWR Loader)
RTL 支持(RTL support)
Ribbon
分享让更多人受益!
参考:http://www.thinksaas.cn/group/topic/344951/
jquery-easyui-1.3.0.rar (1.4
MB)
jquery-easyui-1.3.zip (439.9
KB)
easyui是一种基于jQuery的用户界面插件集合。
easyui为创建现代化,互动,JavaScript应用程序,提供必要的功能。
使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面。
easyui是个完美支持HTML5网页的完整框架。
easyui节省您网页开发的时间和规模。
easyui很简单但功能强大的。
官网:http://www.jeasyui.net/
2、环境搭建
首先导入资源,然后就可以用了
/themes/default/easyui.css
/themes/icon.css
/jquery-1.7.2.min.js
/jquery.easyui.min.js
/easyui-lang-zh_CN.js
应用包括:
EasyUI应用
创建 CRUD 应用
创建 CRUD 数据网格(DataGrid)
创建展开行明细编辑表单的 CRUD 应用
创建 RSS Feed 阅读器
EasyUI 拖放
基本的拖动和放置
创建拖放的购物车
创建学校课程表
EasyUI 菜单与按钮
创建简单的菜单
创建链接按钮(Link Button)
创建菜单按钮(Menu Button)
创建分割按钮(Split Button)
EasyUI 布局
为网页创建边框布局
在面板中创建复杂布局
创建折叠面板
创建标签页(Tabs)
动态添加标签页(Tabs)
添加自动播放标签页(Tabs)
创建 XP 风格左侧面板
EasyUI 数据网格
转换 HTML 表格为数据网格
添加分页组件
添加查询功能
取得选中行数据
添加工具栏
创建复杂工具栏
设置冻结列
动态改变列
格式化列
设置排序
自定义排序
创建列组合
添加复选框
自定义分页
启用行内编辑
扩展编辑器
列运算
合并单元格
创建自定义视图
创建页脚摘要
条件设置行背景颜色
创建属性网格
扩展行显示细节
创建子网格
使用虚拟滚动视图显示海量数据
EasyUI 窗口
创建简单窗口
自定义窗口工具栏
窗口与布局
创建对话框
自定义带有工具条和按钮的对话框
EasyUI 树形菜单
使用标记创建树形菜单
创建异步树形菜单
树形菜单添加节点
创建带复选框的树形菜单
树形菜单拖放控制
树形菜单加载父/子节点
创建基础树形网格
创建复杂树形网格
树形网格动态加载
树形网格添加分页
树形网格惰性加载节点
EasyUI 表单
创建异步提交表单
创建树形下拉框
表单验证
格式化下拉框
过滤下拉数据网格
3、插件
EasyUI扩展
Portal(制作图表、列表、球形图等)
数据网格视图(DataGrid View)
可编辑的数据网格(Editable DataGrid)
可编辑的树(Editable Tree)
数据网格行过滤(DataGrid Filter Row)
数据网格行拖放(Drag and Drop Rows in DataGrid)
树形网格行拖放(Drag and Drop Rows in TreeGrid)
主题(Themes)
DWR 加载器(DWR Loader)
RTL 支持(RTL support)
Ribbon
分享让更多人受益!
参考:http://www.thinksaas.cn/group/topic/344951/
jquery-easyui-1.3.0.rar (1.4
MB)
jquery-easyui-1.3.zip (439.9
KB)
相关文章推荐
- jquery-easyui简单使用
- jQuery获取this当前对象子元素对象
- jQuery获取this当前对象子元素对象
- jQuery获取this当前对象子元素对象
- jQuery冒泡事件
- jQuery美女幻灯相册轮播源代码
- jQuery_ajax实现检查用户名是否已注册
- jQuery事件绑定,解绑,自定义事件
- jQuery事件
- js,jquery,css,html5特效
- jQuery-File-Upload 使用笔记(一) 基础插件配置
- jquery操作dom
- Eclipse去除jquery引入错误
- jquery选择器
- jquery attr和prop区别 attr选中checkbox不起作用
- jQuery 中 attr() 和 prop() 方法的区别
- Jquery取值
- Jquery选择器
- jquery怎么在点击li标签之后添加一个在class,点击下一个li时删除上一个class?
- 【转】获取URL中的 参数