dwz 点击table自动排序

  实现的效果如下：当点击信息员姓名时，按信息员姓名进行排序。  

这是dwz自带的功能，但在手册中没有看到，用的时候百度了一下，现在总结整理一下。

首先，需要在jsp页面的最上部添加参数。pagerForm是页面本身就有的，最下面的orderField和orderDirection是我新添加的。

<form id="pagerForm" method="post" action="xxy/xxyList"><input type="hidden" name="pageNum" value="${obj.pager.pageNumber}" /> <input type="hidden" name="numPerPage" value="${obj.pager.pageSize}" /><input type="hidden" name="displayName" value="${obj.reportName}" /><strong><input type="hidden" name="orderField" value="${filter.orderField}" /><input type="hidden" name="orderDirection" value="${filter.orderDirection}" /></strong></form>

 

在同一个页面，需要排序的table 的th上

本来是

<th>信息员姓名</th>

改为

<th orderField="assistantName" <c:if test='${param.orderField == "assistantName"}'>  class="${param.orderDirection}"  </c:if> >信息员姓名</th>

可以看到，我们实际上是在th上添加了

 

 orderField="assistantName" <c:if test='${param.orderField == "assistantName"}'>  class="${param.orderDirection}"  </c:if> 

来制定需要排序的字段，我的信息员所对应的字段是assistantName，只需要把assistantName换成你们想要排序的字段即可。