多字段排序

 1         private Integer id;
 2     private String name;
 3     private Integer gender;//1 表示男  2 表示女
 4     private String birthday;//生日
 5     private String entryDate;//入职日期
 6     private String post;//岗位
 7     private String depart;//部门
 8     private Double salart;//薪资
 9     private Double len;//身高
10     private Integer workAge;//工龄

 1 <%@ page language="java" contentType="text/html; charset=utf-8"
 2     pageEncoding="utf-8"%>
 3     <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
 4 <!DOCTYPE html>
 5 <html>
 6 <head>
 7 <meta charset="utf-8">
 8 <title>Insert title here</title>
 9 <link rel="stylesheet" href="/resource/bootstrap.min.css" >
10 <script type="text/javascript" src="/resource/jquery-3.2.1.js" ></script>
11 <script type="text/javascript" src="/resource/bootstrap.min.js" ></script>
12 </head>
13 <body>
14 <form action="findList" method="post" id="myForm">
15     年龄:<input type="text" name="age1"  > 到<input type="text" name="age2"  > 
16     姓名:<input type="text" name="name" > 
17     岗位或部门:<input type="text" name="postOrDepart"  > 
18     入职天数:<input type="text" name="dayNum1"  > 到<input type="text" name="dayNum2"  > <br>
19     
20     排序:<input type="checkbox" name="paixu" value="gender" >性别
21     <input type="checkbox" name="paixu" value="age" >年龄
22     <input type="checkbox" name="paixu" value="salart" >薪资
23     <input type="checkbox" name="paixu" value="dayNum" >入职时长
24     <input type="checkbox" name="paixu" value="len" >身高
25     <input type="hidden" name="paixu" >
26     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
27     排序方式:<input type="radio" name="paiType" value="asc" >升序
28         <input type="radio" name="paiType" value="desc" >降序
29     
30     <input type="button" onclick="tj()"  value="查询" >
31     <button type="submit">提交</button>
32     
33 </form>
34 <table class="table" >
35     <tr>
36         <td>id</td>
37         <td>姓名</td>
38         <td>性别</td>
39         <td>出生日期</td>
40         <td>入职日期</td>
41         <td>岗位</td>
42         <td>部门</td>
43         <td>薪资</td>
44         <td>身高</td>
45         <td>年龄</td>
46         <td>入职天数</td>
47         <td>工龄</td>
48         
49     </tr>
50     <c:forEach items="${info.list }" var="e">
51         <tr>
52             
53             <td>${e.id }</td>
54             <td>${e.name }</td>
55             <td>
56                 <c:if test="${e.gender==1 }">男</c:if>
57                 <c:if test="${e.gender==2 }">女</c:if>
58             </td>
59             <td>${e.birthday }</td>
60             <td><button>详情</button> </td>
61         </tr>
62         <tr>
63             <td colspan="5">
64                 <div id="detail${e.id}">
65                 </div>
66             </td>
67         </tr>
68     </c:forEach>
69 </table>
70 
71 <script type="text/javascript">
72 
73     function tj(){
74         var paixu = new Array();
75         $("[name=paixu]:checked").each(function(){
76             paixu.push($(this).val())
77         })
78         alert(paixu);
79         $.post("findList",{paixu:paixu},function(){
80             
81         },"json")
82         
83     }
84 </script>
85 </body>
86 </html>

 1 private Integer age1;//年龄1
 2     private Integer age2;//年龄2
 3     
 4     private String name;
 5     
 6     private String postOrDepart;//岗位或部门
 7     
 8     private Integer dayNum1;//入职天数1
 9     private Integer dayNum2;//入职天数2
10     
11     private String[] paixu;//排序
12     
13     private String paiType;//排序方式