使用自定义页面调用jeesite分页功能的方式

• 在日常开发中,经常遇见需要根据前端搭建的页面填充功能的情况,比如分页功能,以下是详细的步骤

---

1.首先要访问当前需要分页的页面

@RequestMapping(value = {"lawsList",""})
	public String lawsList(Laws laws, HttpServletRequest request, HttpServletResponse response, Model model) {
		Page<Laws> page1 =LawsService.findPage(new Page<Laws>(request, response), laws);
		model.addAttribute("page", page1);
		return "terminal/laws/lawsList";
	}

这里的Page已经将我们需要用到的内容发送到了lawsList.jsp页面中
2.lawsList.jsp中定义两个隐藏域,用来存放pageNo和pageSize:
pageNo为当前页码
pageSize为每页显示的条数(我这里是6条,可以根据自己的需要进行设置,具体设置方式见第5步)

<input id="pageNo" name="pageNo" type="hidden"/>
<input id="pageSize" name="pageSize" type="hidden"/>

3.页面点击按钮图片调用分页方法

<img src="${ctxStatic}/jb/img/23(2).png" onclick="page(${page.pageNo-1},6)"/>
<img src="${ctxStatic}/jb/img/24(2).png" onclick="page(${page.pageNo+1},6)"/>

4.添加分页js代码

<script type="text/javascript">
			function page(n,s){
				if(n==0){
					n=1;
				}
				$("#pageNo").val(n);
				$("#pageSize").val(s);
				$("#form1").submit();
	        	return false;
	        }
		</script>

5.service中设置page的pageSize为6,