DWZ (JUI) 教程 DWZ table 分页排序教程

转载自: http://blog.csdn.net/jiweigang1/article/details/7771597

一直很忙 demo一直没有写，最近忙着换工作空闲之余，写一下分页排序的 Demo 其实 也是比较简单的

顺便也录了一个小视频http://115.com/file/c2ik04qy

http://v.youku.com/v_show/id_XNDMxMDMzOTg4.html

 

JSP 页面

 

 

[html] view plain copy

 

1. <%@tagliburi="http://java.sun.com/jsp/jstl/core"prefix="c"%>
2. <formid="pagerForm"method="post"action="user!searchUser.do">
3. <inputtype="hidden"name="status"value="${param.status}">
4. <inputtype="hidden"name="keywords"value="${param.keywords}"/>
5. <inputtype="hidden"name="pageNum"value="1"/>
6. <inputtype="hidden"name="numPerPage"value="${model.numPerPage}"/>
8. <inputtype="hidden"name="orderField"value="${param.orderField}"/>
9. <inputtype="hidden"name="orderDirection"value="${param.orderDirection}"/>
10. </form>
13. <divclass="pageHeader">
14. <formonsubmit="returnnavTabSearch(this);"action="user!searchUser.do"method="post">
15. <divclass="searchBar">
16. </div>
17. </form>
18. </div>
19. <divclass="pageContent">
20. <divclass="panelBar">
21. <ulclass="toolBar">
22. <liclass="line">line</li>
23. </ul>
24. </div>
25. <tableclass="table"width="100%"layoutH="90">
26. <thead>
27. <tr>
28. <thwidth="80">序号</th>
29. <thwidth="120"orderField="name"<c:iftest='${param.orderField=="name"}'>class="${param.orderDirection}"</c:if>>名字</th>
30. <thwidth="120"orderField="realName"<c:iftest='${param.orderField=="realName"}'>class="${param.orderDirection}"</c:if>>真实姓名</th>
31. <thwidth="120"orderField="sex"<c:iftest='${param.orderField=="sex"}'>class="${param.orderDirection}"</c:if>>性别</th>
32. <th>phone</th>
33. </tr>
34. </thead>
35. <tbody>
36. <c:forEachvar="p"items="${pages.pages}"varStatus="status">
37. <trtarget="sid"rel="${p.id}">
38. <td>${status.count+(pages.pageNo-1)*pages.pageSize}</td>
39. <td>${p.name}</td>
40. <td>${p.realName}</td>
41. <td>${p.sex}</td>
42. <td>${p.phone}</td>
43. </tr>
44. </c:forEach>
45. </tbody>
46. </table>
47. <divclass="panelBar">
48. <divclass="pages">
49. <span>显示</span>
50. <selectclass="combox"name="numPerPage"onchange="navTabPageBreak({numPerPage:this.value})">
51. <optionvalue="20">20</option>
52. <optionvalue="50">50</option>
53. <optionvalue="100">100</option>
54. <optionvalue="200">200</option>
55. </select>
56. <span>条，共${pages.count}条</span>
57. </div>
59. <divclass="pagination"targetType="navTab"totalCount="${pages.count}"numPerPage="${pages.pageSize}"pageNumShown="10"currentPage="${pages.pageNo}"></div>
61. </div>
62. </div>

 

重点是

 

[html] view plain copy

 

1. <inputtype="hidden"name="orderField"value="${param.orderField}"/>
2. <inputtype="hidden"name="orderDirection"value="${param.orderDirection}"/>
4. 要和Action的属性对上

[html] view plain copy

 

1. <c:iftest='${param.orderField=="name"}'>class="${param.orderDirection}"</c:if>
2. 用来切换图标点击时切换排序类型

 

Action 层

 

[java] view plain copy

 

1. packagecom.web.action;
3. importjavax.annotation.Resource;
4. importorg.springframework.context.annotation.Scope;
5. importorg.springframework.stereotype.Controller;
7. importcom.web.model.User;
8. importcom.web.service.UserService;
10. /**
11. *
12. *@authorAdministrator
13. *
14. */
15. @Controller()
16. @Scope("prototype")
17. publicclassUserActionextendsBaseAction{
20. privateUseruser=newUser();
21. @Resource
22. privateUserServiceuserService;
23. privateStringorderField;
24. privateStringorderDirection;
26. /**
27. *查询用户
28. *@return
29. */
30. publicStringsearchUser(){
31. pages=userService.searchUser(pages.getPageNo(),pages.getPageSize(),user,orderField,orderDirection);
32. returnRESULT;
33. }
38. publicUsergetUser(){
39. returnuser;
40. }
42. publicvoidsetUser(Useruser){
43. this.user=user;
44. }
46. publicUserServicegetUserService(){
47. returnuserService;
48. }
50. publicvoidsetUserService(UserServiceuserService){
51. this.userService=userService;
52. }
57. publicStringgetOrderField(){
58. returnorderField;
59. }
64. publicvoidsetOrderField(StringorderField){
65. this.orderField=orderField;
66. }
71. publicStringgetOrderDirection(){
72. returnorderDirection;
73. }
78. publicvoidsetOrderDirection(StringorderDirection){
79. this.orderDirection=orderDirection;
80. }
82. }

重点是

 

 

[java] view plain copy

 

1. privateStringorderField;
2. privateStringorderDirection;
4. 一般写到BaseAction中就行了

 

 

Service层

 

[java] view plain copy

 

1. packagecom.web.service.impl;
3. importcom.dwz.util.Pages;
4. importorg.springframework.stereotype.Service;
5. importjavax.annotation.Resource;
6. importcom.web.model.User;
7. importcom.web.dao.UserDao;
8. importcom.web.service.UserService;
11. @Service("userService")
12. publicclassUserServiceImplimplementsUserService{
14. @Resource
15. privateUserDaouserDao;
18. @Override
19. publicUsergetUser(intid){
20. returnuserDao.get(id);
21. }
23. @Override
24. publicvoidaddUser(Useruser){
25. userDao.insert(user);
26. }
28. @Override
29. publicvoidupdateUser(Useruser){
30. userDao.update(user);
31. }
33. @Override
34. publicvoiddeleteUser(intid){
35. userDao.delete(id);
36. }
38. @Override
39. publicvoidreportUser(Useruser){
40. userDao.insertOrUpdate(user,user.getId());
41. }
43. @Override
44. publicPagessearchUser(intpageNo,intpageSize,Useruser,StringorderField,StringorderDirection){
45. Stringwhere="where1=1";
46. if(orderField!=null&&!orderField.trim().equals("")){
47. if(orderDirection==null||orderDirection.trim().equals("")){
48. orderDirection="asc";
49. }
51. where+="orderby"+orderField+""+orderDirection;
52. }
53. returnuserDao.listInPages(pageNo,pageSize,where);
54. }
57. }

其是比较简单 希望对大家有帮助

 

 

效果图