使用jQuery EasyUI构建CRUD DataGrid

使用教程 » 使用jQuery EasyUI构建CRUD DataGrid

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

步骤 一: 在HTML标记中定义DataGrid

步骤 2: 创建一个可编辑的DataGrid

我们应该为可编辑的datagrid提供“url”、“saveUrl”、“updateUrl”和“destroyUrl”属性:

  • url: 从服务器检索用户数据。
  • saveUrl: 保存新用户数据。
  • updateUrl: 更新现有用户数据。
  • destroyUrl: 销毁现有用户数据。

步骤 3: 编写服务器处理代码

Save a new user(save_user.php):

Update an exists user(update_user.php):

Destroy an exists user(destroy_user.php):

下载 EasyUI 实例:

easyui-crud-demo.zip