多语言展示
当前在线:355今日阅读:23今日分享:25

Datatables在跳转页面后,怎么保存状态?

使用Datatables表格插件,当点击表格中的链接,跳到另一个页面,怎么做从原来页面返回来Datatables原来的位置?分享给你。
工具/原料
1

Visual Studio

2

Datatables插件

方法/步骤
1

首先开启Datatables自带的配置选项stateSave: true,把这个选项打开就可以保存表格的状态,但他是一直保存的,也就是说不管你是第一次还是第几次进入,他都会呈现保存的状态,这显然不是我们想要的,我们需要的是第一次进入的时候,保持最初的状态,接下来我们利用sessionStorage来实现。

2

图示的是最关键的代码,直接写在首页即可(Datatables初始化完)。

3

然后在跳转的页面设置一个sessionStorage存储的值即可。下面详细介绍一下代码。

4

var isFirst = sessionStorage.getItem('valueTime');这句代码在第一次进入页面的时候就进行判断,获取valueTime(自定义)的值,此时他是null(因为没有设置过),如果他的值是null表示是第一次进入,因为我们在跳转会对valueTime赋值。

5

首次进入页面的时候,下面两句代码直接执行,直接清除表格的状态。siteTableIn.state.clear(); siteTableIn.ajax.reload();

6

sessionStorage.setItem('valueTime', 0);为什么清除状态后,要对valueTime重新赋值为0呢?因为从跳转的页面返回来后,valueTime的值已经改变了,所以当你下次进入首页的时候是不是刷新状态的,所以我们要把重新设置为0。

注意事项
1

仅供参考!

2

记得投票!

推荐信息