jQuery EasyUI的初级学习使用。

来源:互联网 发布:俊杰三角梅淘宝店 编辑:程序博客网 时间:2024/06/09 01:08

jQuery EasyUI 是一个基于 jQuery 的框架,集成了各种用户界面插件。

jQuery EasyUI 框架提供了创建网页所需的一切,帮助您轻松建立站点。本教程将告诉您如何使用 jQuery EasyUI 框架创建应用。

正如前面所说,你在使用EasyUI之前必须先声明UI控件,有两个方法声明它。

1. 直接在 HTML 声明组件。

2. 编写 JavaScript 代码来创建组件。


数据网格(DataGrid)。 我们将使用 可编辑的数据网格(DataGrid)插件 来完成这些 CRUD 操作动作。


步骤 1:在 HTML 标签中定义数据网格(DataGrid)


步骤 2:使用可编辑的数据网格(DataGrid)


我们应该提供 'url'、'saveUrl'、'updateUrl' 和 'destroyUrl' 属性来编辑数据网格(DataGrid):

  • url:从服务器端检索用户数据。
  • saveUrl:保存一个新的用户数据。
  • updateUrl:更新一个已存在的用户数据。
  • destroyUrl:删除一个已存在的用户数据。

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

保存一个新的用户(save_user.php):


更新一个已存在用户(update_user.php):

删除一个已存在用户(destroy_user.php):

end完成。

0 0
原创粉丝点击