easyUI_datagrid组件的使用及举例

datagrid组件

DataGrid以表格形式展示数据，并提供了丰富的选择、排序、分组和编辑数据的功能支持。DataGrid的设计用于缩短开发时间，并且使开发人员不需要具备特定的知识。它是轻量级的且功能丰富。单元格合并、多列标题、冻结列和页脚只是其中的一小部分功能。

静态实现datagrid组件

代码

效果

这种的数据是定死了的，不灵活。
第二种是利用js和json文件来导入数据

使用Javascript

代码

效果

这种基于上一种比较灵活，但是还是不能满足我们的开发需求，我们如果要从数据库表中得到数据的话，就需要第三种方式——web层编写datagrid

举例

需求：

显示所有数据
分页
模糊查询

这里举例用的是第三种方法举例

代码

用到的数据库表的sql文件：

INSERT INTO t_easyui_user_version1
   (`SerialNo`, `Menuid`, `uid`, `uname`, `upwd`)
VALUES
   ('1', '001', '001', '张三', '123456');

INSERT INTO t_easyui_user_version1
   (`SerialNo`, `Menuid`, `uid`, `uname`, `upwd`)
VALUES
   ('2', '002', '002', '李四', '123456');

INSERT INTO t_easyui_user_version1
   (`SerialNo`, `Menuid`, `uid`, `uname&#