DataTable nach Tabellenaktualisierung aktualisieren ⇐ Jquery

[Anonymous]

Ich habe eine HTML -Tabelle tabdevis < /code>: < /p>

Code: Select all

numDevis
libProduit
codEtat




< /code>

Ich habe einige Daten mit AJAX -Aufruf eingesetzt. Diese Daten stammen aus einer Datenbank. Mit Code befindet sich in einer Funktion: < /p>

function putDevis() {
var listeDevis = $("#tabDevis").find("tbody");

var request = $.ajax({
type : "GET",
url : "/services/opp/getDevis/",
cache : false
});

request.done(function(msg) {
for (var i = 0; i < msg.length; i++) {
var devis = msg[i];
var tr = $("#template").clone();
tr.removeAttr("id");
tr.attr('id', 'devis-' + devis.id);
tr.find('#numDevis').html(devis.idOpportunite);
tr.find("#codProduit").html(devis.codProduit);
tr.find("#libProduit").html(devis.libProduit);

listeDevis.append(tr);
}
}

request.fail(function(jqXHR, textStatus, errorThrown) {
// Deal with the error
}

// Call dataTable
$('#tabDevis').DataTable({
"order" : [ [ 1, "desc" ] ],
"oLanguage" : {
...
}
"aoColumns" : [ {
"bSortable" : true
}, {
"bSortable" : true
}, {
"bSortable" : true
}]
}
}
< /code>

Ich lösche eine Zeile in meiner Datenbank aus einer anderen Art, also möchte ich die HTML -Tabelle neu laden. Ich nenne meine Funktion putdevis () < /code>, aber ich erhalte immer noch die gelöschte Zeile, die aus der Datenbank gelöscht wird.function deleteDevis(numDevis){

var requestsup = $.ajax({type: "GET",
url: "/services/ep/deleteDevis?pId=" + numDevis
cache: false
});

requestsup.done(function(msg){
putDevis();
});

requestsup.fail(function(jqXHR, textStatus, errorThrown) {
// Deal with errors
});
}
< /code>

Wie kann ich versucht, $ $ ('#tabdevis') zu nennen. Lösung < /strong> < /p>

Die Art und Weise, wie man dataTable nur dort zerstören: < /p>

var table = $('#tabDevis').DataTable();
table.destroy();
var listeDevis = $("#tabDevis").find("tbody");
< /code>

und zeichnen Sie es dann nach dem DataTable -Aufruf: < /p>

var table = $('#tabDevis').DataTable();
table.draw();