SSH框架使用EasyUI进行分页(详解)

效果图

SSH框架使用EasyUI进行分页(详解)_第1张图片

SSH框架使用EasyUI进行分页(详解)_第2张图片

首先是daoImpl层 需要定义一个方法传到后台俩个值 page--第几页和rows--行数

SSH框架使用EasyUI进行分页(详解)_第3张图片


然后action接收前端数据和向jsp页面传递json数据

第一个 page rows必须getset

SSH框架使用EasyUI进行分页(详解)_第4张图片


调用方法 实现分页

SSH框架使用EasyUI进行分页(详解)_第5张图片


需要注意的是  total 和rows是固定了 不能更改 ,还有就是格式化jsonMap转化为json数据生成getset方法


接下来就是struts2的配置

SSH框架使用EasyUI进行分页(详解)_第6张图片



接下来就是jsp页面接受json数据 


SSH框架使用EasyUI进行分页(详解)_第7张图片



下面需要注意的是  p_id..要和json数据p_id的格式要相同 下面是引用easyUI的标签库 和更改每行显示数据的个数

SSH框架使用EasyUI进行分页(详解)_第8张图片



***注意点: 因为我的配件类型t_id是一个集合 我要得到他的name属性 所以用了这种方法

json数据格式


使用了easyUI的formatter 来把t_id进行得到他的名称.


然后就实现了分页  谢谢观看.

你可能感兴趣的:(前端相关,java基础)