Datatable - Wechsel auf die angeklickte Seite nach dem Rückruf

Question

Ich habe eine jquery Datentabelle, die paginiert werden muss. Ich habe das Ereignis page-dt verwendet, um eine Funktion auszulösen, um Daten von der Serverseite zu laden, wenn auf eine Seitennummer geklickt wird. Dann habe ich $('#table').dataTable().fnAddData(recordsArray); verwendet, um neu abgerufene Daten an die Tabelle anzufügen. Dies geschieht erfolgreich. Mein Problem ist, obwohl Daten an die Tabelle angehängt werden, bleibt sie trotz des Klickereignisses auf der ersten Seite. Ich versuchte mit table.rows.add(recordsArray).draw(); und fnDrawCallback Ereignis, aber hatte immer noch keinen Erfolg.

 $(document).ready(function() { 
      table = $('#table').DataTable({ 
       "filter": true, 
       "paging":true, 
       "pagingType": "full_numbers", 
       "pageLength": 5, 
       scrollCollapse: true, 
       scrollY:'70vh', 
       "dom": '<"dataTablesTop"' + 
       'f' + 
       '<"dataTables_toolbar">' + 
       '>' + 
       'rt' + 
       '<"dataTablesBottom"' + 
       'lip' + 
       '>', 
       "info":true 
      }); 
     $('#table').on('page.dt', function (e, settings) { 
      // console.log(JSON.stringify(settings)); 
      update(settings); 
     }); 
     }); 

Dies ist die update() Methode.

update = function(data) { 
     alert(data); 
     var displayStart = data._iDisplayStart; 
     var displayLength = data._iDisplayLength; 
     var records = data.aiDisplay.length; 
     if(displayStart != 0) { 
      var data = getProviderData(displayStart, displayLength, records, true); 
      for(var i = 0; i < data.length; i++) { 
       no = no + 1; 
       data[i].no = no; 
       try { 
        var json = data[i].jsonBody.replace(/\\n/g, "") 
         .replace(/\\'/g, "\\'") 
         .replace(/\\"/g, '\\"') 
         .replace(/\\&/g, "\\&") 
         .replace(/\\r/g, "\\r") 
         .replace(/\\t/g, "\\t") 
         .replace(/\\b/g, "\\b") 
         .replace("%", "") 
         .replace(/\\f/g, "\\f"); 

        data[i].jsonContent = JsonHuman.format(JSON.parse(json)).outerHTML; 
       } 
       catch (e) { 
        data[i].jsonContent = data[i].jsonBody; 
       } 
      } 

      var recordsArray = []; 
      for(var j = 0; j < data.length; j++) { 
       var temp = []; 
       temp.push(data[j].no); 
       temp.push(data[j].responseTime); 
       temp.push(data[j].api); 
       temp.push(data[j].jsonContent); 
       recordsArray.push(temp); 
      } 
      // table.rows.add(recordsArray).draw(); 
      $('#table').dataTable().fnAddData(recordsArray); 
     } 
     // drawGadget(); 
     // wso2gadgets.update(data,"append"); 
return; 
    }; 

Schätzen irgendwelche Eingaben auf diesem.

Vielen Dank im Voraus!

Answer 1

Ich habe das einfach gemacht, indem Sie table.rows.add(recordsArray).draw(); zu table.rows.add(recordsArray).draw(false); machen.