Merge pull request #1 from eekes/master

Activate StateSave

Author: vermeirentony

README.md

@@ -213,7 +213,7 @@ The `filters` are optional, here you can pass searchable/filterable fields
         };
 
         {# on page load, init the datatable #}
-        ajaxDatatable(ajaxCallPath, sortable, filters);
+        ajaxDatatable(ajaxCallPath, sortable, filters, stateSaveAffix);
 
         {# on submit, change, whenever you want #}
         $(document).on("click", "#js-filter-submit", function(){

js/ajax-datatables.js

@@ -10,24 +10,26 @@
 var oDatatable;
 
 /* ajax datatable */
-function ajaxDatatable(path, sorting, filters){
+function ajaxDatatable(path, sorting, filters, stateSaveAffix){
     var path = path || '';
     var sorting = sorting || [];
     var filters = filters || {};
+    var stateSaveAffix = stateSaveAffix || '';
 
     if (oDatatable === undefined) {
         /* first init */
-        initAjaxDatatable(path, sorting, filters)
+        initAjaxDatatable(path, sorting, filters, stateSaveAffix)
     } else {
         /* reload */
         oDatatable.ajax.reload();
     }
 }
 
-function initAjaxDatatable(path, sorting, filters){
-
+function initAjaxDatatable(path, sorting, filters, stateSaveAffix){
     var $ajaxDatatable = $('.ajaxdatatable');
 
+    stateKey = window.location.pathname + stateSaveAffix;
+
     oDatatable = $ajaxDatatable.DataTable({
         "oLanguage": {
             "sLengthMenu": "Toon _MENU_ entries",
@@ -43,6 +45,7 @@ function initAjaxDatatable(path, sorting, filters){
                 "sLast": "Laatste"
             }
         },
+        "bStateSave": true,
         "processing": true,
         "serverSide": true,
         "orderMulti": false,
@@ -56,7 +59,13 @@ function initAjaxDatatable(path, sorting, filters){
             }
         },
         "columns": sorting,
-        "order": [[ getDefaultSortField($ajaxDatatable), getDefaultSortOrder($ajaxDatatable)]]
+        "order": [[ getDefaultSortField($ajaxDatatable), getDefaultSortOrder($ajaxDatatable)]],
+        "stateSaveCallback": function(settings, data) {
+            localStorage.setItem('DataTables-' + settings.sInstance + stateKey, JSON.stringify(data))
+        },
+        "stateLoadCallback": function(settings) {
+            return JSON.parse( localStorage.getItem('DataTables-' + settings.sInstance + stateKey))
+        }
     });
 }