easyui之datagrid的使用

本文转自：https://www.cnblogs.com/ruanmou001/p/3840954.html

一、神马是easyui

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

jQuery EasyUI为我们提供了大多数UI控件的使用，如：accordion，combobox，menu，dialog，tabs，tree，validatebox，window等等。

 

下载地址：

http://pan.baidu.com/s/1eQgm9fc

 

二、目录说明

 

 

三、搭建环境

 

引入：

<script src="../easyui/jquery-1.8.0.min.js"></script>

<script src="../easyui/jquery.easyui.min.js"></script>

<link href="../easyui/themes/default/easyui.css" rel="stylesheet" />

 

四、datagrid的使用

 

先上效果：

 

布局用easyui里面的layout做的

 

数据加载实现方法：

View Code

查找：

View Code

添加：

View Code

编辑：

View Code

UserMAjax.ashx 页面内容：

View Code

easyui api下载：

http://pan.baidu.com/s/1sjsHrPj