Datatables - Garder sélectionné le numéro de page après le rappel

J'ai un datatable qui je dois changer quelque chose sur elle, par exemple: je veux changer le statut d'un contenu, mais ce contenu est dans la 3ème page sur la table. Quand je l'ai changer, datatable actualise lui-même à la 1ère page. Ce que j'essaie de faire est de garder sélectionné le numéro de page et de revenir après l'actualisation. Est-ce possible?

btw, je suis à l'aide de tables de données 1.9.4

EDIT: SOLUTION

Ce que j'ai fait est tout simplement garder le numéro de page dans chaque action que je fais dans la datatable et de l'envoyer au Contrôleur de gestion, puis de l'utiliser via TempData. Si quelqu'un a besoin d'un coup de main au sujet de la solution, faites le moi savoir, je peux l'expliquer plus détaillée.

http://datatables.net/plug-ins/api/fnStandingRedraw
Je pense que j'ai demandé à une fausse question: Lorsque je modifie le statut du contenu, il passe à côté serveur et quand il revient, il redirige vers une action. Ne ce plug-in de travail dans ce cas aussi? J'ai essayé, mais ne pouvait pas gérer.
Pourquoi est-il de la redirection vers une action? vous devez simplement appeler fnDraw() pour actualiser la datatable
parce que je suis la soumission d'un formulaire et après la soumission, il actualise la page.
ok je l'obtenir. Je ne sais pas comment corriger ça malheureusement. J'ai eu un coup de google & trouvé http://legacy.datatables.net/ref#fnPageChange qui peut aider à
Je l'ai vu mais ne parvenais pas à le mettre en œuvre afin de résoudre mon problème. merci pour l'aide, de toute façon.

InformationsquelleAutor Burak Karakuş | 2014-08-06

26

Je enregistrer la table de données de l'état dans le local de stockage pour éviter de transmettre le numéro de la page sur mon application. C'est comment je le fais:
```
$('#offersTable').dataTable({
        "bStateSave": true,
        "fnStateSave": function (oSettings, oData) {
            localStorage.setItem('offersDataTables', JSON.stringify(oData));
        },
        "fnStateLoad": function (oSettings) {
            return JSON.parse(localStorage.getItem('offersDataTables'));
        }
    });
```
Ceci est très utile lorsque vous passez à une autre page et que vous voulez revenir en arrière (à l'aide de la touche retour) à la dernière page sélectionnée.

Voir également la documentation: https://datatables.net/blog/2012-01-16
- C'est la meilleure solution pour mon problème, merci beaucoup.
- la meilleure solution !
- bonne solution @Francisco Goldenstein
- Merci homme...qui a sauvé ma journée...super solution!!!!!
InformationsquelleAutor Francisco Goldenstein
13

Dans les tables de données 1.10 vous avez une capacité à rester sur la même page après re-dessin si vous passez false en tant que premier paramètre à la draw() fonction.
```
table.row(index).data(data).draw(false)
```
- Merci, je vais essayer ça.
- sa fonctionne parfaitement
- Cela fonctionne côté serveur aussi ?
InformationsquelleAutor s976
4

Si vous utilisez côté serveur datatable, alors vous pouvez utiliser ajax.reload() fonction pour recharger la datatable.
Utiliser comme
```
var dt = $("#table").DataTable();
dt.ajax.reload(null, false); //false if you don't want to refresh paging else true.
```
Voir https://datatables.net/reference/api/ajax.reload() lien.
- C'est exactement ce que je cherchais! Merci!
InformationsquelleAutor Nagesh Katke
1

fnStandingRedraw est celui que vous voulez. http://www.craiglotter.co.za/2012/05/28/how-to-refresh-a-datatable-without-losing-your-current-page-or-ordering/
- Le truc, c'est ce que je suis à l'actualisation n'est pas seulement datatable, mais également l'ensemble de la page. Cette solution fonctionne pour seulement rafraîchissant datatable, mais lorsque j'actualise la page entière, il ne fonctionne pas. J'ai trouvé une solution pour mon problème, je suis à jour de mes question avec la solution. Merci pour votre aide de toute façon.
- Merci homme. Ce petit add-on m'a sauvé des heures!
InformationsquelleAutor Craig Lotter
1

Redessiner la table maintien actuel de pagination position:
```
var table = $('#example').DataTable();
table.draw( false );
```
InformationsquelleAutor Igor Tepordei

C'est comment je vais le faire et il va travailler pour moi.

$.ajax({
        url: "/CollectionHistory/Search",
        data: { "licenseeId": licenseeId, "locationId": locationId, "month": monthId, "year": yearId, "pageNumber": 1 },
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (response) {
            if (table != null) {
                table.clear();
                table.destroy();
            }
            localStorage.setItem("manageLicenseeDataStateSave", "0");
            table = $("#collection_history").DataTable({
                "data": response.SalesData,
                "columns": [
                    { "data": "LocationName", "name": "Location Name", "autowidth": true, className: "text-center" }                   
                "bLengthChange": false,
                "bInfo": false,
                "bFilter": false,
                "ordering": true,
                "stateSave": true,
                "language": {
                    "paginate": {
                        "previous": "PREV",
                        "next": "NEXT",
                    }
                }
            });
        },
        error: function () {
            window.location.href = "/Home/HandleError";
        }
    });

InformationsquelleAutor Abhay.Patil

0

Si vous êtes à la mise à jour des données à l'aide d'ajax sur le numéro de page 3 et que vous ne voulez pas qu'après actualiser mes données dans le tableau de données, il va aller à la première page de nouveau donc, ici, est la solution qui permettra d'actualiser les données de la table, mais pas de vous rediriger sur la première page. il sera de refléter les changements apportés à la même page.

Ci-dessous sera pas rediriger à première page après rafraîchir les données de la table à l'aide d'ajax
```
$('#YOUR_TABLE_ID').DataTable().ajax.reload(null, false); //without refresh table<<page  will not change>>
```
Ci-dessous sera rediriger à première page après rafraîchir les données de la table à l'aide d'ajax
```
  $('#YOUR_TABLE_ID').DataTable().ajax.reload(); //with refresh table <<page will change>>
```
- Il serait bien si vous ajoutez un peu d'explication avec votre code.
- Je Viens d'ajouter la description ainsi des images pour une meilleure compréhension.
InformationsquelleAutor Manthan Patel

Vous devez vous connecter pour publier un commentaire.