jQuery EasyUI从入门到精通（1）

jQuery EasyUI从入门到精通（1）

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

本经验是 jQuery EasyUI从入门到精通系列教程的第1部分

在百度搜索引擎中搜索“jQuery EasyUI”关键词，如下图所示。

访问JQuery EasyUI官方网站，如下图所示。

点击导航栏上的【Download】超链接，进入到下载页面，选择GPL Edition版本进行下载，如下图所示。

解压jQuery EasyUI文件夹，工程目录，如下图所示。

在项目文件夹中，新建index.html,将easyui.css、jquery.easyui.min.js等文件引入其中。

下面以Basic CRUD Application（基本的增删改查应用程序）为例

Basic CRUD Application

Click the buttons on datagrid toolbar to do crud actions.

url="get_users.php"

toolbar="#toolbar" pagination="true"

rownumbers="true" fitColumns="true" singleSelect="true">

该案例运行效果，如下图所示。

下面以CRUD DataGrid为例

CRUD DataGrid

Double click the row to begin editing.

toolbar="#toolbar" pagination="true" idField="id"

rownumbers="true" fitColumns="true" singleSelect="true">

该案例运行效果，如下图所示。