Wie aktualisiere ich meine DataTable aus der HTML-Quelle

Question

Ich verwende BackboneJS, um meine Tabelle mit mehrere Datenquellen zu füllen. Sie müssen Backbone nicht kennen, um bei dieser Frage behilflich zu sein, da es sich hauptsächlich um ein DataTables-Problem handelt.

Ich initialisiere meine Datentabelle, wenn die Sammlungsansicht das erste Mal gerendert wird.

Mein Problem ist, dass ich DataTables nicht sagen kann, wie seine Daten aus dem DOM nach jeder Ajax-Anforderung neu zu laden. Irgendeine Idee, wie man das macht?

Ein anderes Beispiel ist das Laden einiger Daten für jede Zeile und das anschließende Aktualisieren (durch Backbone View). Aber Ich muss Databases wissen lassen, dass die DOM-Tabelle geändert hat.

Beispiel die Tabelle ändert:

<table> 
    <thead>...</thead> 
    <tbody> 
    <tr> 
     <td>Some Data</td> 
     <td>Some Data2</td> 
     <td>Loading...</td> 
    </tr> 
    ... 
    </tbody> 
</table> 

An:

<table> 
    <thead>...</thead> 
    <tbody> 
    <tr> 
     <td>Some Data</td> 
     <td>Some Data2</td> 
     <td data-order="5" data-search="5"><span class="some_classes">5</span></td> 
    </tr> 
     ... 
    </tbody> 
</table> 

Jede Hilfe wäre sehr dankbar.

Answer 1

Verwenden Sie rows().invalidate(), um die Daten in DataTables für die ausgewählten Zeilen ungültig zu machen.

Zum Beispiel alle Zeilen unter Verwendung der ursprünglichen Datenquelle ungültig zu machen:

var table = $('#example').DataTable(); 

table 
    .rows() 
    .invalidate() 
    .draw(); 

Bitte beachten Sie, dass draw() die Tabelle auf die Faust-Seite zurückgesetzt. Um die Seite beizubehalten, verwenden Sie stattdessen draw(false).