jQueryページング、検索などのテーブルの状態を保存しているDatatable

Question

この属性「bStateSave」を使用しています。jQuery Datatableの状態を保存するにはtrueですが、何らかの理由でそれが動作しません。ページをリフレッシュすると、検索結果やページ番号などが保存されません。これと一緒に行く必要のある他のパラメータがありますか？私は主に掲載されるようにコードがあまりにも巨大なおかしくさ

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

このページの情報によりつもりですし、私は私が投稿するために使用すべき切り取らかわからないです。あなたの助けを前にありがとう。

Answer 1

ブラウザで検査するときにCookieが表示されますか？私はあなたが送信したリンクの現在のクッキーを見るためにChromeとデベロッパーツールを使用しています。私は私のマシンに保存されている "datatables.net"というクッキーを見る。カスタムのDataTablesコードを試しているときにこのCookieが表示されますか？

Answer 2

最初に、Cookieを持っていることを確認し、ページを読み込んだ後にクロムに移動し、[設定]をクリックし、次に[プライバシー設定]セクションの[詳細設定を表示]をクリックします。

以下は、このサイトのコード例です。これは、Webアプリケーションで正常に機能し、プラグインの最新バージョンを使用していることを確認します。このコードは何

$('#MyExampleGrv').dataTable({ 
    "bStateSave": true, 
    "fnStateSave": function (oSettings, oData) { 
     localStorage.setItem('DataTables_' + window.location.pathname, JSON.stringify(oData)); 
    }, 
    "fnStateLoad": function (oSettings) { 
     var data = localStorage.getItem('DataTables_' + window.location.pathname); 
     return JSON.parse(data); 
    } 
}); 

が、代わりにクッキーのローカルストレージを行っている、とあなたは別のページの表を持っている場合だけのDataTableと呼ばれる一般的な識別子、この方法を使用して対特定のページを使用して、あるでしょう紛争はありません。このコードでは、ASP.NETコントロールとグリッドビューを使用している場合、このコードはページングの状態を保存しません。また、ASP.NETに組み込まれている一般的なCRUD操作（EDIT/DELETE/UPDATEなど）と編集itemはページングページ3にあり、ポストバック後にページ1に、そしてAJAX経由で部分的にポストバックされます。

Answer 3

この回答は古いバージョンのデータテーブルに関するものではありませんが、新参者には役立つと思います。

Datatables APIが2011年から現在に大きく変更されました。 データテーブルの状態を保存するには、HTML5 LocalStorageまたはDB（ajaxコールバック）を使用します。あなたがデータベースを使用する場合は

$(document).ready(function() { 
$('#datatable').DataTable({ 
    stateSave: true, 
    stateDuration:-1 //force the use of Session Storage 
}); 
}); 

：あなたの代わりにのlocalStorageののsessionStorageを使用したい場合は

$(document).ready(function() { 
$('#datatable').DataTable({ 
    stateSave: true, 
}); 
}); 

：あなたは次の呼び出しを行う、のlocalStorageを使用して保存状態を有効にするには それらをブラウザに格納しないようにするには、オプションstateSaveCallbackとstateLoadCallbackで定義されたコールバック関数を使用する必要があります。私もそれを使用Datatables state save client and server-side