天行健,君子以自强不息;地势坤,君子以厚德载物;

JQuery Datatables 之 保存状态

保存状态

Datatables设置 stateSave选项后,可以保存最后一次分页信息、排序信息,当页面刷新,或者重新进入这个页面,恢复上次的状态。 
这个状态的保存用了html5的本地储存和session储存,这样更加有效率。如果你的数据是异步获取的,你可以使用 stateSaveCallback和 stateLoadCallback选项. 
需要注意的是,这个特性不支持ie6、ie7 
默认情况下,这个状态会保存2小时,如果你希望设置的时间更长,通过设置参数 stateDuration来初始化表格 
这个参数值也可以控制是本地储存(0~更大)还是session储存(-1) 
下面的例子展示了Datatables设置 stateSave选项初始化后,实现的状态保存

$(document).ready(function() {
  $('#example').dataTable( {
    stateSave: true
  } );
} );

官方:http://datatables.net/examples/basic_init/state_save.html

点赞

发表回复