jQuery Datatables, enregistrer l'état de la table comme la pagination, de recherche, etc

Je suis donc à l'aide de cet attribut "bStateSave": true pour enregistrer l'état de jQuery Datatables, mais pour quelque raison il ne fonctionne pas pour moi. Il n'a pas d'enregistrer les résultats de la recherche et de la pagination, etc quand je fais le rafraichissement de la page. Est-il un autre paramètre qui doit aller de pair avec celui-ci. Je suis principalement de l'information sur cette page

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

Le code est trop flipper énorme pour être affiché et je ne suis pas sûr de ce que ciselée dois-je utilisé pour la poste. Merci d'avance pour votre aide.

Je l'utilise aussi bien, et je n'ai pas de problèmes. Essayez de vérifier vos cookies. Pouvez-vous au moins de poster votre dataTable() appel dans votre code javascript?

OriginalL'auteur user1006072 | 2012-04-24

  1. 7

    Tout d'abord, vous voulez vous assurer que vous disposez d'un cookie, hop dans chrome une fois que vous avez chargé votre page, cliquez sur "paramètres", puis sur "afficher les paramètres avancés" dans la section confidentialité, cliquez sur paramètres de contenu.

    Ci-dessous est un exemple de code à partir de ce site, qui fonctionne très bien dans mon application web et aussi assurez-vous d'avoir la version la plus récente du plugin.

    $('#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);
    }
});

    Ce que ce code fait, est fait d'un local de stockage au lieu de le cookie, et utilise une page spécifique plutôt qu'à l'aide d'un identifiant générique appelé Datatables, de cette façon, si vous avez une table sur une autre page, il n'y aura pas de conflits. Ce que ce code ne sera pas le faire, ce code ne sera pas sauvegarder la pagination de l'état, si vous êtes en utilisant ASP.NET contrôles et un gridview, si vous utilisez le générique des opérations CRUD construit en ASP.NET MODIFIER/SUPPRIMER/mettre à JOUR et de modifier votre article est sur la pagination de la page 3, il sera par défaut à la page 1 après la publication et publication même partielle via AJAX.

    Petit avertissement. Cette méthode pourrait remplir progressivement local de stockage au fil du temps si votre site web/app Url sont reposantes. Vous pourriez vouloir améliorer ce code pour supprimer toutes les Identifiants de la window.location.pathname.

    OriginalL'auteur TGarrett

  2. 4

    Je sais que cette réponse n'est pas sur cette ancienne version de datatables, mais je crois qu'il va aider les nouveaux arrivants.

    Tables de données de l'API beaucoup changé depuis 2011 à maintenant.
    Pour sauvegarder l'état d'un datatable, vous utilisez HTML5 LocalStorage ou DB(rappels ajax).
    Pour permettre à l'état de l'enregistrement à l'aide localStorage, vous ne l'appel suivant:

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

    Si vous souhaitez utiliser sessionStorage au lieu de localStorage:

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

    Si vous souhaitez utiliser une base de données pour éviter de les ranger dans le navigateur, alors vous devez utiliser les fonctions de rappel définie dans les options stateSaveCallback et stateLoadCallback.

    Voici un tutoriel avec des exemples et du code source qui vous montre comment implémenter toutes les méthodes ci-dessus: Datatables état sauver côté client et côté serveur

    A travaillé comme un charme pour moi. Merci!

    OriginalL'auteur Charaf JRA

  3. 0

    Voyez-vous le cookie lors de l'inspection dans votre navigateur? Je suis en utilisant google Chrome et les outils de développement pour voir les cookies pour le lien que vous avez envoyé. Je vois un cookie appelé "datatables.net" stocké sur ma machine. Voyez-vous ce cookie lorsque vous tentez votre custom tables de données de code?

    J'ai donc essayer cette alerte(dojo.témoin de connexion("datatables.net")) et il me dit "undefined". Qu'est-ce que cela signifie ? Il n'y a pas les cookies ? Mais j'ai pensé que, en interne, c'est ce que l'API n', il définit les cookies et puis de le lire pour enregistrer l'état de la table.
    Si vous pouvez utiliser l'extension Firecookie à partir de Firefox, il va vous en dire plus. Vous devriez voir quelque chose comme ceci: SpryMedia_DataTables_<page web> avec une ventilation complète. Ligne de fond est que quelque chose bloque ce cookie. Essayez les différents navigateurs pour voir si il n'y a aucun changement.
    Merci @Tom. Je vais donner un coup de cette.

    OriginalL'auteur Kyle Nunery