java中pageInfo分页带条件查询+查询条件的回显「建议收藏」

2022-11-17 17:02:13 浏览数 (3)

代码语言:javascript复制
代码如下:解析在下边

Jetbrains全家桶1年46,售后保障稳定

代码语言:javascript复制
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
Created by IntelliJ IDEA.
User: Administrator
Date: 2018/1/17
Time: 19:10
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Title</title>
<script type="text/javascript" src="/jquery-1.10.2.min.js"></script>
<style>
body{ text-align:center}
#div{
background: gray;
border:1px solid #000;
width:600px;
height:300px;
position:relative;
top: 50px;
left: 100px;
}
</style>
</head>
<body>
<div id="div">
<form id="form" action="/sale/list.html">
<input type="hidden" name="pageNum" id="pageNum"/>
销售信息查询:      排序方式<select name="order" ">
<option value="created_date" ${param.order=='created_date'?"selected":""}>日期</option>
<option value="total" ${param.order=='total'?"selected":""}>单笔总额</option>
</select>
<input type="submit" value="提交 "/>
</form>
<table border="1">
<tr>
<td>id</td>
<td>商品</td>
<td>单价</td>
<td>数量</td>
<td>总价</td>
<td>销售日期</td>
<td>销售人员</td>
</tr>
<c:forEach items="${pageInfo.list}" var="sale">
<tr>
<td>${sale.id}</td>
<td>${sale.product.proName}</td>
<td>${sale.saleSize}</td>
<td>${sale.saleNum}</td>
<td>${sale.total}</td>
<%--<fmt:formatDate value="${sale.createDate}" pattern="yyyy-MM-dd HH:mm:ss"></fmt:formatDate>--%>
<td><fmt:formatDate value="${sale.createdDate}" pattern="yyyy-MM-dd HH:mm:ss"></fmt:formatDate></td>
<td>${sale.userName}</td>
</tr>
</c:forEach>
<tr><td colspan="7">         
<a href="#" οnclick="page(1)">首页</a>|
<a  href="#" οnclick="page(${pageInfo.pageNum-1})">上一页</a>|
<a  href="#" οnclick="page(${pageInfo.pageNum 1})">下一页</a>|
<a href="#" οnclick="page(${pageInfo.pages})">末页</a>|
第${pageInfo.pageNum}页/
共${pageInfo.pages}页
(${pageInfo.total}条数据)</td></tr>
</table>
<script>
function page(pageNum) {
$("#pageNum").val(pageNum);
$("#form").submit();
}
</script>
</div>
</body>
</html>
代码语言:javascript复制
解析:将查询条件放入到到form表单中,在form中添加一个隐藏标签
<input type="hidden" name="pageNum" id="pageNum"/>
在分页下边添加方法
οnclick="page(1);page内的参数是pegeNum  
在JavaScript中添加方法
function page(pageNum) {
$("#pageNum").val(pageNum);
$("#form").submit();
} 并且给 隐藏标签设值;通过form中的id调用submit函数提交form表单

注意:数据的回显 普通数据用param.属性名

特殊数据则需要特殊的方法

代码及解析如下

代码语言:javascript复制
controller
public String list(Employee employee,Model model,@RequestParam(defaultValue = "price")String order,@RequestParam(defaultValue = "1") Integer pageNum){
List<Dept> deptList = deptService.getDeptList();
List<Position> positionList = positionService.getPositionList();
PageInfo<Employee> pageInfo = employeeService.getEmpList(employee,pageNum,3,order);
model.addAttribute("deptList",deptList);
model.addAttribute("positionList",positionList);
model.addAttribute("pageInfo",pageInfo);
return "emp_list";
}
代码语言:javascript复制
<c:forEach items="${deptList}" var="dept">
<option value="${dept.id}" ${employee.dept.id==dept.id?'selected':''}>${dept.name}</option>
</c:forEach>
代码语言:javascript复制
在这里 dept是持久化类 ;作为持久化类Employee的属性;
如果你要回显需要用传入controller的持久化类Employee的首字母小写employee.dept.id  来回显你的数据${employee.dept.id==dept.id?'selected':''}三目判断回显数据



版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/222989.html原文链接:https://javaforall.cn  【正版授权,激活自己账号】:  Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛    【官方授权 正版激活】:  官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...  

0 人点赞