easyUI分页中，如何实现页面跳转，再返回时，仍然到跳转前页数。（含页面显示条数）

easyUI中，分页情况下，跳转到其他页面修改数据，再返回时，相当于重新打开此页面，即显示第一页。这样很不方便。故提出跳转回修改前的页面的需求。

通过网上搜索，了解到实现页面跳转回去的基本原理是：传递当前页码到另一页，然后另外一页接收页码值再传回到原页面。如果考虑页面显示条数的变动，也可以将页面显示条数值进行传递。

不过多废话，直接上源码，仅需在需更改的页面添加如下代码即可。

一、带有分页的页面：

1、取得当前分页的页码值和每页显示条数

当前分页的页码值

var grid= $('#dg'); //table的ID

var options =grid.datagrid('getPager').data("pagination").options;
var thisPageNumber= options.pageNumber; //获得当前页

当前每页显示条数

var grid= $('#dg'); //table的ID
var options = grid.datagrid('getPager').data("pagination").options;
var thisPageSize = options.pageSize; //获得当前页的单页显示数目

2、分页的页码值和每页显示条数，获得后用于设置当前页面显示

//分页传进去的参数
$(function(){
var pg = "${pageNumber}";
var ps = "${pageSize}";
/* */
if(pg!=null && pg!=''){
$("#dg").datagrid('getPager').pagination('refresh',{pageSize:ps});
}
if(ps!=null&&ps!=''){
$("#dg").datagrid('getPager').pagination('select',parseInt(pg)); （此处需注意用了parseInt的方法，如果不使用此方法，当跳转回来没有问题，但点击下一页时，回直接跳转到最后一页。具体原因可以参考一下：http://3y.uu456.com/bp_8w9fu2ahot2wkqq4m2mw_1.html）
}
})

二、修改页面

在URL后边直接添加需要传递的参数"?pageNumber="+"${pageNumber}"+"&pageSize="+"${pageSize}"。

我的需要跳转到后台，相应的URL如下，'${pageContext.request.contextPath}/food/edit.do?commidityId='+commodityId+"&pageNumber="+"${pageNumber}"+"&pageSize="+"${pageSize}");。

只要添加如上信息，就可以搞定页面跳转显示问题了。

本人的项目采用SSM框架，从带有分页的页面跳转到修改页面和从修改页面返回到带有分页的页面，之间都通过后台的controller跳转，其中涉及到controller接收参数并继续向下传递参数，我仅仅是放在了request.setAttribute()中。另本人采用的是假分页，如采用真分页，请进行一定的修改。

easyUI分页中，如何实现页面跳转，再返回时，仍然到跳转前页数。（含页面显示条数）相关推荐

easyUI 分页中引入了lang-zh_CN.js却仍然显示英文,不显示中文
注意:出现这个情况是中文包放的位置有问题,需要引入js文件时,把中文包放在min.js后面.
H5在安卓微信浏览器返回时动态获取的数据不会保留（页面刷新了数据初始化了）
解决思路: 判断机型跳转前将动态构建的页面内容缓存在sessionStorage中页面加载时,先从sessionStorage中获取数据存在缺陷: 抑制了在窗口刷新能力点击刷新,页面动态数据 ...
html每页显示条数,在网页代码中设置调用显示条数
123456qqq 如果控制不了服务器想客户端js控制用这个 {"onlinetime":"2018-06-26 23:50:02","onlinen ...
java easyui 分页_Spring mvc+easyui做列表展示及分页
Spring mvc有一个注解@ResponseBody可以自己将返回数据解析成json,不用在response.getWriter(),设置response的编码之类的. 1.首先在spring-m ...
easyui 分页实现
1.用datagrid 做分页显示, 依据API样例,最终解决.废话不说,datagrid分页有一个附加的分页控件通过在datagrid中设置pagination:true 就会显示分页当请求是 ...
Html转快应用方法,卡片跳转快应用指定页面，如何点返回直接退出快应用回到卡片...
问题现象: 在快应用已经打开A页面的情况下,此时若从卡片(或其他媒介)跳转至快应用指定页面B,点击左上角返回键,退出页面顺序是B-A-卡片,无法一键直接返回卡片(或其他媒介). 需要实现的场景:在快应 ...
jsoup 获取html中body内容_Java 进阶利用Jsoup获取HTML页面的各分页中的标题信息...
简单介绍一下Jsoup Jsoup是一款Java 的HTML解析器,可直接解析某个URL地址.HTML文本内容.它提供了一套非常省力的API,可通过DOM,CSS以及类似于Xpath,jQuery的操 ...
js中实现页面跳转（返回前一页、后一页）
一:JS 重载页面,本地刷新,返回上一页代码如下: <a href="javascript:history.go(-1)">返回上一页</a> < ...
hibernate分页中跳转到第几页的功能
hibernate分页中跳转到第几页的功能在之前写的"首页","上一页","下一页","尾页"功能中,我使用这样的方式 ...

easyUI分页中，如何实现页面跳转，再返回时，仍然到跳转前页数。（含页面显示条数）

easyUI分页中，如何实现页面跳转，再返回时，仍然到跳转前页数。（含页面显示条数）相关推荐

最新文章

热门文章