Actualisation de la DataTable après un remove() fait

J'ai fait une ligne remove() et puis j'ai essayé de fnDestroy() et initialiser le dos de la DataTable. Le nombre d'enregistrements et la pagination n'est pas effectuée(Le *DataTable pas actualisé)*.

J'ai aussi essayé d'utiliser fnDraw() mais il a pas encore l'utiliser.

J'ai regardé le code source de la page et la ligne supprimée html est toujours là.

Je suis en utilisant Ajax pour supprimer la ligne. Remercie de votre aide

C'est mon script delete:

$(document).ready(function()
        {
            $('table#sample_1 td a.delete').click(function()
            {
                if (confirm("Are you sure you want to delete this row?"))
                {
                    var id = $(this).parent().parent().attr('id');
                    var data = 'id=' + id ;
                    var parent = $(this).parent().parent();

                    $.ajax(
                    {
                           type: "POST",
                           url: "process.php",
                           dataType: "json",
                           data: data,
                           cache: false,

                           success: function()
                           {

                            var dtable = $('#sample_1').dataTable();
                        dtable.fnDestroy();


                        parent.fadeOut('slow', function() {$(this).remove();});


                        //Reinitialize the datatable
                        $('#sample_1').dataTable({
                                    "sDom": "<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>",
                                    "sPaginationType": "bootstrap",
                                    "oLanguage": {
                                        "sLengthMenu": "_MENU_ records per page",
                                        "oPaginate": {
                                            "sPrevious": "Prev",
                                            "sNext": "Next"
                                        }
                                    },
                                    "aoColumnDefs": [{
                                        'bSortable': false,
                                        'aTargets': [0]
                                    }]
                        });

                           }
                     });
                }
            });


        });


        </script>
  • essayez $("element").hide().fadeIn('fast');
InformationsquelleAutor Redzwan Latif | 2013-08-29
  1. 2

    Vous pouvez utiliser fnDeleteRow pour supprimer une ligne dans la table de données. Cette fonction permet de redessiner la table.

    Reportez-vous cela, http://datatables.net/api

    • Je suis en train d'utiliser ajax et certaines personnes ont aussi déclaré que, même après avoir fait fnDeleteRow, il n'a pas referesh la table. Et je suis également en utilisant la case est cochée pour supprimer les lignes. Est-il une autre solution pour cela? Merci beaucoup 😀
    InformationsquelleAutor Manu M
  2. 1

    Vous pouvez utiliser ce code:

    var rowid = document.getElementById(id);
var Pos = dt.fnGetPosition(rowid);
dt.fnDeleteRow(Pos);

    Ici, id est l'id de ligne unique, que vous voulez supprimer.

    InformationsquelleAutor Pratik Gadoya
  3. 1

    Il va cache toutes les informations dans l'initialisation et quand vous essayez de faire certaines actions ( par exemple, tri ) de re-dessiner un tableau avec des ensembles de données existants. Par conséquent, vous devez utiliser tirage( false ) pour empêcher la ré-dessin. 

     table.row('.selectedRow').remove().draw( false );
    • S'il vous plaît ajouter une explication de pourquoi ce code permet à l'OP. Cela aidera à fournir une réponse futurs téléspectateurs peuvent apprendre. Voir Comment Répondre pour plus d'informations.
    • vous avez raison. J'ai changé ma réponse. Merci pour avoir porté à mon attention.
    InformationsquelleAutor Umut Koseali