2016-12-26 60 views
1

私のデータテーブルの2番目のページから特定の項目をクリックすると、別のページにリダイレクトされ、戻ってくると1ページにリダイレクトされます。 ここで問題は状態を保存したいのです私はリダイレクトされた場所からページ(例:2)に戻りたいと思っています。角度データセットsaveStateが機能しない

.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')); 
    }); 

エラー:あなたが例を私に提供することができれば、それは本当に多くのことを助ける

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 のDataTableのバージョン:1.10.12 角度-のDataTableのバージョン:0.5.5

答えて

0

問題は次のコードを使用して解決されました:

<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)) 
    }); 
関連する問題