Aktualisieren DataTable nach einem remove() gemacht

Ich habe eine Zeile remove() und dann habe ich versucht fnDestroy() und initialisiert wieder das DataTable. Die Anzahl der Datensätze und die Paginierung nicht erfolgt ist(Die *DataTable nicht aktualisiert)*.

Ich habe auch versucht zu verwenden fnDraw() aber es ist immer noch keine Verwendung.

Ich habe mir die Seite Quelle und die gelöschte Zeile html ist immer noch da.

Ich bin mit Ajax löschen Sie die Zeile. Dankbar für Ihre Hilfe

Dies ist mein Skript löschen:

$(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>
versuchen $("element").hide().fadeIn('fast');

InformationsquelleAutor Redzwan Latif | 2013-08-29

  1. 2

    Können Sie fnDeleteRow zum löschen einer Zeile in der datatable. Diese Funktion wird automatisch Neuzeichnen der Tabelle.

    Beziehen, http://datatables.net/api

    Ich versuche, die ajax verwenden, und einige Leute haben auch festgestellt, dass auch nach fnDeleteRow, ist es nicht referesh der Tabelle. Und ich bin auch mit markiertes Kontrollkästchen zum löschen der Zeilen. Gibt es irgendeine andere Lösung dafür? Danke sehr 😀

    InformationsquelleAutor Manu M

  2. 1

    Können Sie diesen code verwenden:

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

    Hier id ist die eindeutige Zeilen-id, die Sie löschen möchten.

    InformationsquelleAutor Pratik Gadoya

  3. 1

    Es geht um cache alle aus der Informationen bei der Initialisierung und wenn Sie versuchen zu tun, einige Maßnahmen ( z.B. Sortierung ) wird es neu zeichnen der Tabelle mit vorhandenen Daten. Daher sollten Sie zeichnen( false ) um zu verhindern, dass re-Zeichnung. 

     table.row('.selectedRow').remove().draw( false );
    Bitte fügen Sie eine Erklärung, warum dieser code hilft dem OP. Dies wird helfen, eine Antwort künftigen Zuschauer etwas lernen kann. Siehe Beantworten für mehr Informationen.
    du hast Recht. Ich änderte meine Antwort. Vielen Dank, dass diese in meine Aufmerksamkeit.

    InformationsquelleAutor Umut Koseali

Schreibe einen Kommentar