1. 列表组件 datagrid

1.1 创建一个grid.html

1.2 引入easyUI的资源文件

1.3 绘制表格组件

Html：

效果：

1.1 编写后台程序，查询部门数据

在当前文件夹，新建一个dept.php

进行数据库连接测试

查询部门表数据，json格式返回：

1.5 分页查询

如果我们想要做分页，就需要给datagrid传递两个参数，分别为total和rows，total代表这个表的查询总数，rows代表分页后查出来的数据。

分页规律：

现在，首先考虑如何在php文件中获取第几页和每页多少条？

在datagrid组件中，只要你设置了分页，就会给后台传递page和rows，分别对应第几页和每页多少条。

代码：

//查询部门表中的数据        $resultset = mysql_query("select * from tm_dept where 1=1 limit $start,$rows") or die(mysql_error());                $list = array();    $count = 0;        while($row = mysql_fetch_array($resultset)){                $list[$count++] = $row;    }            $data = array();        $data["rows"] = $list;            $resultset = mysql_query("select count(*) as total from tm_dept") or die(mysql_error());        while($row = mysql_fetch_array($resultset)){                $data["total"] = $row["total"];    }            echo json_encode($data);

2. 按钮组件 linkbutton

渲染按钮的方法，给一个a标签加上class为easyui-linkbutton 即可。

例子：

新增用户

3.右下角弹窗组件 $.messager

下载地址：