Jquery EasyUI环境搭建以及简单使用

本文介绍了EasyUI的基本概念,它是一个基于jQuery的用户界面插件集,用于简化网页开发。内容包括EasyUI的环境搭建,如引入CSS和JS文件,以及EasyUI在创建CRUD应用、拖放功能、菜单与按钮、布局、数据网格、窗口、树形菜单和表单等方面的应用示例。此外,还提到了EasyUI的一些扩展插件和资源下载链接。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 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/





评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值