Dynamische Javascript bezogene Daten - DataTable

9

Ich verwende DataTable in meiner Anwendung. Meine Anwendung ist kein Server gehostet. (Ich werde den HTML-Code direkt in meiner Standalone-Anwendung rendern. Nun, das ist eine andere Geschichte.)

Momentan bearbeite ich DataTable wie unten,

%Vor%

Hier sind rows meine gesamten Daten in einem Array von Arrays als Javascript-bezogene Daten.

Aber jetzt ist mein Problem, wenn die Daten, die ich mit DataTable rendern werde, riesig sind, dauert das Laden länger. Ich versuche also, die Datentabelle ähnlich der Server-seitigen Verarbeitung zu ändern (aber bitte beachte, dass ich keinen Server habe. Es ist nur eine lokale HTML-Seite). Wenn Sie auf Weiter klicken, sollte es nur die nächsten Seitendaten laden. Bis dahin sollte es nicht geladen werden.

Sprich, ich habe eine Funktion in Javascript

%Vor%

Wenn also die nächste oder vorherige Schaltfläche in der Datentabelle angeklickt oder durchsucht wird, sollte meine JavaScript-Methode aufgerufen werden, und sie sollte Datatable erneut auffüllen. Irgendwelche Ideen?

    
user2193672 31.12.2014, 14:47
quelle

1 Antwort

1

Sie können bei jeder Benutzerinteraktion von einer lokalen Variablen in Datatables laden, indem Sie die Option ajax verwenden Bereitstellung Ihrer eigenen benutzerdefinierten Funktion. Ein Beispiel für seine Verwendung ist auf ihrer Site, die "Pipelining von Daten zur Reduzierung von Ajax-Aufrufen für Paging" genannt wird. p>

Im Folgenden finden Sie ein einfaches Beispiel für das Schneiden und Filtern eines großen Arrays und das Zurückgeben eines kleinen Sets basierend auf den in der Datentabelle vorgenommenen Auswahlen. Beachten Sie, dass Datatables mehr Parameter sendet , die ich nicht verwendet habe, aber Sie sollten Verwenden Sie sie, um eine ordnungsgemäße Umsetzung zu erreichen. Es ist auch möglich, dass Datatables request.length = -1 sendet, aber das habe ich auch nicht behandelt.

JavaScript

%Vor%

HTML

%Vor%     
Marcos Dimitrio 04.07.2015 01:23
quelle