首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >角数据saveState不工作

角数据saveState不工作
EN

Stack Overflow用户
提问于 2016-12-26 10:38:36
回答 1查看 2K关注 0票数 2

当我单击datatable第2页中的特定条目时,它会将我重定向到另一页,当我返回时,它将我重定向到第1页。这里的问题是,我想保存状态,我想回到被重定向的页面(Ex: 2)。

代码语言:javascript
复制
.withOption('bStateSave',true)
    .withOption('stateSaveCallback', function (aoData,  oSettings) {
        console.log('performing save of settings');
        localStorage.setItem( 'DataTables_home', JSON.stringify(aoData)) ;
    })  
    .withOption('stateLoadCallback', function (oSettings) {
        console.log('performing load of settings');
        return JSON.parse( localStorage.getItem('DataTables_home') );
    });

错误:

代码语言:javascript
复制
 Unexpected token o in JSON at position 1
    at Object.parse (<anonymous>)
    at jQuery.fn.init.<anonymous> (app.js:14430)
    at _fnLoadState (jquery.dataTables.js:6308)
    at HTMLTableElement.<anonymous> (jquery.dataTables.js:1221)
    at Function.each (base.js:365)
    at jQuery.fn.init.each (base.js:137)
    at jQuery.fn.init.DataTable [as dataTable] (jquery.dataTables.js:869)
    at jQuery.fn.init.$.fn.DataTable (jquery.dataTables.js:15105)
    at Object.renderDataTable (angular-datatables.js:757)
    at Object.hideLoadingAndRenderDataTable (angular-datatables.js:773)

Cannot read property 'parentNode' of null
    at _Api.<anonymous> (jquery.dataTables.js:9213)
    at _Api.iterator (jquery.dataTables.js:6978)
    at _Api.<anonymous> (jquery.dataTables.js:9212)
    at _Api.destroy (jquery.dataTables.js:7141)
    at jQuery.fn.init.DataTable.fnDestroy (jquery.dataTables.js:412)
    at HTMLTableElement.<anonymous> (jquery.dataTables.js:923)
    at Function.each (base.js:365)
    at jQuery.fn.init.each (base.js:137)
    at jQuery.fn.init.DataTable [as dataTable] (jquery.dataTables.js:869)
    at jQuery.fn.init.$.fn.DataTable (jquery.dataTables.js:15105)

如果你能给我举个例子,那会很有帮助的。谢谢。

我使用的是角版本:v1 jquery版本:2.2.4可数据版本:1.10.12角度数据版本:0.5.5

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-12-28 15:01:32

使用以下代码解决了该问题:

代码语言:javascript
复制
<table id="example" datatable 
  dt-options="showCase.dtOptions"
  dt-columns="showCase.dtColumns">
</table>

vm.dtOptions = DTOptionsBuilder.fromSource('data.json')
  .withOption('stateSave', true)
  .withOption('stateSaveCallback', function(settings,data) {
    localStorage.setItem('DataTables_' + settings.sInstance, JSON.stringify(data));
  })
  .withOption('stateLoadCallback', function(settings) {
    return JSON.parse(localStorage.getItem('DataTables_' + settings.sInstance ))
  });
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/41329953

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档