2017-06-05 12 views
0

Ich habe ajax.reload() verwendet, aber es funktioniert nicht.Wie kann ich Datentabelle aktualisieren, nachdem die Daten aktualisiert und auf der Seitennummerierung Seite beibehalten

Ich versuche die andere Methode, um die Daten zu aktualisieren, aber wie kann ich in der aktuellen Seitentabelle bleiben, nachdem Daten bearbeitet wurden.

Ich kann die Seite aktualisieren, wenn ich obige Methode verwende, aber es wird immer zur ersten Seitentabelle zurückkehren. Jeder hat eine Idee, wie man es machen kann, wie kann ich nach der Bearbeitung der Daten auf der aktuellen Seitentabelle bleiben?

Antwort

0

Zuerst müssen Sie Ihre aktuelle Seite (Beispiel: 3) abrufen. Wenn Sie die Funktion zum Aktualisieren des Inhalts aufrufen, müssen Sie Ihre aktuelle Seite als Parameter übergeben. Zum Beispiel:

var myCurrentPage = 3; 
$.ajax({ 
    type: 'GET', 
    url: '/test', 
    dataType: 'HTML', 
    data: {page: myCurrentPage} 
    success: function (html) { 
     $('#group').html(html); 
    }, 
    error: function (data) { 
     console.log('Error:', data); 
    } 
}); 

Die var könnte dynamisch mit Eingang versteckt sein oder irgendein Element Attribut

Ich hoffe, dass Sie die Logik verstanden haben. Sag mir, wenn nicht.

+0

i verwendet var info = table.page.info(); um die aktuelle Seite der Datentabelle zu erhalten. Ist es nur pass die Seitenzahl zu tun? – Crazy

+0

Geben Sie den Code an, den Sie für die Paginierung verwenden. Sie müssen diese Funktion aufrufen. Beispiel: Wenn Sie auf die nächste Seite klicken, gelangen Sie auf Seite 2. Sie müssen diese Nummer speichern (Seite 2). Wenn Sie den Inhalt aktualisieren müssen, rufen Sie die Paginierungsfunktion auf und übergeben Sie "Seite 2" als Parameter. Auf diese Weise wird der Inhalt in Ihre aktuelle Seite geladen. –

0

Ich benutze dies für den Aufenthalt auf der Seite (vor dem erneuten Laden). "bStateSave": true, Ich hoffe, dies wird Ihre Nachladeseite beantworten.

$(document).ready(function() { 
    $('#users').DataTable({ 
     "bStateSave" : true, 
     // "searching" : false, 
     "columns": [ 
      {"data": "id"}, 
      {"data": "name"}, 
      {"data": "phone"}, 
      {"data": "fax"}, 
     ], 
     "processing": true, 
     "serverSide": true, 
     "ajax": { 
      url: 'demo.php', 
      type: 'POST' 
     } 
    }); 
}); 
Verwandte Themen