jQuery EasyUI框架使用文档

jQuery EasyUI是一个基于jQuery实现的Web UI框架，用法非常简单，但是功能非常强大，使用它你可以使用很少的Javascript代码来制作适合自己的网页。

主页:http://jquery-easyui.wikidot.com
下载:http://jquery-easyui.wikidot.com/download

这里介绍一下快速使用这个框架的方法：首先在你使用的HTML页面的头部需要包含一些CSS文件和JS文件：

1. <link rel="stylesheet" type="text/css" href="../themes/default/easyui.css">
2. <script type="text/javascript" src="../jquery-1.4.2.min.js"></script>
3. <script type="text/javascript" src="../jquery.easyui.min.js"></script>

这三个文件是必须要包含的，第一个是EasyUI的CSS文件，后面两个JS一个是jQuery，一个是EasyUI的JS文件。包含这几个文件后就可以使用EasyUI了，因为EasyUI的功能十分强大，
所以把这些功能分类如下，便于大家学习使用，我会在随后的文章里逐一介绍每个分类的用法和例子：

• 基本
  • 可拖放(Draggable)
  • 调整大小(Resizable)
• 布局
  • 面板(Panel)
  • 标签(Tabs)
  • 可折叠标签(Accordion)
  • 布局(Layout)
• 菜单和按钮
  • 菜单(Menu)
  • 链接按钮(LinkButton)
  • 菜单按钮(MenuButton)
  • 拆分按钮(SplitButton)
• 表单
  • 表单(Form)
  • 组合框(ComboBox)
  • 组合树(ComboTree)
  • 数字框(NumberBox)
  • 验证框(ValidateBox)
  • 日期输入框(DateBox)
  • 日历(Calendar)
• 窗口
  • 窗口(Window)
  • 对话框(Dialog)
  • 提示框(Messager)
• 数据网格和树
  • 分页(Pagination)
  • 数据网格(DataGrid)
  • 树(Tree)

相关文章导读

• jQuery EasyUI 投掷(Droppable)用法
• jQuery EasyUI 日历(Calendar)用法
• jQuery EasyUI 日期框(DateBox)用法
• jQuery easyUI 分页(Pagination)用法
• jQuery EasyUI 提示框(Messager)用法