Comment faire pour actualiser jquery datatables après la suppression d'une ligne
Chaque ligne dans le tableau de données a un bouton supprimer.
Sur cliquez sur le bouton supprimer, je vais appeler ce code:
$('.deleteButton').live('click', function () {
var $this = $(this);
var url = $this.attr("id");
$("#example").fnReloadAjax();
$.getJSON(url, Success());
});
L'url de l'action de l'automate qui prend l'Id et supprime les données de la base de données. Qui fonctionne.
Maintenant, je veux appeler l'actualisation/redessiner fonction de la datatable de sorte qu'il peut charger de nouveaux résultats, mais il ne fonctionne pas.
Datatable est:
$("#example").dataTable({
"aoColumns": [
{ "sTitle": "Id" },
{ "sTitle": "Name" }],
"bProcessing": true,
"bServerSide": true,
"sAjaxSource": '@Url.Action("FetchData", "Home")',
"sPaginationType": "full_numbers",
});
Quelqu'un peut s'il vous plaît conseils?
Vous devez vous connecter pour publier un commentaire.
De la cité API datatable page - sur la
fnReloadAjax()
balle:Ainsi, vous feriez probablement mieux utiliser
fnDraw
.[EDIT] en Fait, l'ordre de vos appels doivent être:
fnDraw
, il le devrait. Pourriez-vous nous dire où ça ne fonctionne pas en debug? avez-vous essayez d'ajouter un peu de débogage de l'impression ou de la console de firebug dans plusieurs points là?J'ai été en mesure de résoudre ce problème avec beaucoup plus simple d'approche que celle prévue dans les réponses ci-dessus.
Appel Ajax pour supprimer les données de backend
Tout d'abord supprimer les données du backend en utilisant la normale ajax appel asynchrone.
Supprimer de l'interface datatable
Obtenir la ligne TR laquelle vous souhaitez supprimer et d'utiliser la fonction datatable
fnDeleteRow
pour supprimer cette ligne. Cela permettra d'actualiser automatiquement la table de sorte que vous n'aurez pas besoin defnDraw
ou d'autres choses.Et vous avez terminé.. 🙂
Ici, la réponse n'a pas fonctionné pour moi, donc j'ai utilisé ceci:
http://datatables.net/plug-ins/api#fnReloadAjax
L'ajouter à un fichier:
Inclure le fichier sur votre page et de l'appeler comme ceci:
Utilisation instance de dataTable et supprimer la ligne de datatable