多字段排序
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 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;//排序方式