EasyUI
使用jQuery EasyUI构建CRUD DataGrid
使用教程 » 使用jQuery EasyUI构建CRUD DataGrid
在前面 教程 我们创建一个crud应用程序,使用对话框组件创建或编辑用户信息。 本教程将向您展示如何创建crud datagrid。 我们会使用 可编辑的datagrid插件 使这些增删查改操作有效。

步骤 一: 在HTML标记中定义DataGrid
步骤 2: 创建一个可编辑的DataGrid
我们应该为可编辑的datagrid提供“url”、“saveUrl”、“updateUrl”和“destroyUrl”属性:
- url: 从服务器检索用户数据。
- saveUrl: 保存新用户数据。
- updateUrl: 更新现有用户数据。
- destroyUrl: 销毁现有用户数据。
步骤 3: 编写服务器处理代码
保存一个新的user(save_user.php):
更新user数据(update_user.php):
删除user数据(destroy_user.php):
下载 EasyUI 实例: