使用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
记得投票!
上一篇:女生独自旅行如何保证人生安全?