Wie neu Initialisieren Datatable Ajax

Was Ich Brauche

*Bei Ajax geladen wird datierenden ist reintailized.

Ajax-Aufruf-code:

   if ($('#teamTable').size() > 0)
    {

        $('#teamTable').dataTable({
            "sPaginationType": "bootstrap"
        });
    }

      $("#save_team").click(function() {
            $.ajax({
            type: "POST",
            url: "asana_team.php",
            data: { people_name: $('#e2').val(), team_name:$('#teamname').val() },
            beforeSend : function(){
                $("#team_table").remove();
                $("#team_table_div").append("<center id=\"loading\" style=\"margin-top:25%;margin-bottom:25%\"><img src='../common/images/ajax-loader.gif' /></center>");
            },
            contentType: "application/x-www-form-urlencoded"
            }).done(function(data) {
                $("#loading").remove();
                $('#team_table_div').append(data);
                $('#teamTable').dataTable({
                    "sPaginationType": "bootstrap"
                });                    
            });
        });

* arbeiten gut, aber ich reintializing Paginierung in datatable keine datierenden geladen wird.

  • ich habe diesen code reinitailize Tabelle.

     function callBack()
 {
 var call= $('#teamTable');

call.dataTable({
 "sPaginationType": "bootstrap",
 "sDom": "<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>",
 "oLanguage": {
 "sLengthMenu": "_MENU_ records per page"
 } });
}
$(document).ready(function() {
callBack();
});
  • versuchen Sie in der success Funktion
  • ich habe versucht, aber keine Lösung Tabelle ist nicht rintialized
InformationsquelleAutor user3703097 | 2014-06-27
  1. 16

    Zerstören, zuerst mit

        $('#teamTable').dataTable().fnDestroy();

    Dann reinitailize

        $('#teamTable').dataTable();
    • es funktioniert nicht bei allen
    • funktioniert nicht ...
    InformationsquelleAutor Vicky
  2. 9

    Dieser arbeitete für mich:

    Zuerst habe ich initalize datatable mit

    $(".myTable").DataTable({ "bDestroy": true, .... });

    Den "bDestroy" Attribut war notwendig in meinem Fall.

    Dann, wenn ich noch etwas anfügen dynamisch meine Tabelle mache ich Folgendes:

    $(".myTable").dataTable().fnDestroy();
//Append stuff to my table
$(".myTable").DataTable({ "bDestroy": true, ... });

    Beachten Sie auch, dass ich die dataTable() Funktion beim zerstören der Tabelle und die DataTable() Funktion bei initalizing es.

    InformationsquelleAutor Eiiki
  3. 6

    Dies ist, was mir geholfen hat.

    $('#teamTable').dataTable().fnDestroy();
$('#teamTable').empty();

    .empty() war auch wichtig, da nach .fnDestory() das table-element immer noch die Daten lauern, die habe auch vorgetragen, um die Tabelle neu initialisiert.

    InformationsquelleAutor Omkar Khair
  4. 6

    Dieser arbeitete für mich nach viel Forschung:- Zuerst überprüfen, ob die dataTable existieren oder nicht, wenn es dann funktioniert, zerstören dataTable und erstellen Sie es neu

    JS:

    if ($.fn.DataTable.isDataTable("#mytable")) {
  $('#mytable').DataTable().clear().destroy();
}

$("#mytable").dataTable({...
                       
                });

    InformationsquelleAutor Ravi.Dudi
  5. 2

    Versuchen Sie dies:

    $("#table").dataTable({
            "destroy": true,
            //...
        });
    InformationsquelleAutor oman buluatie
  6. 1
    if ($.fn.DataTable.isDataTable("#t_isteklerim")) {
        $("#t_isteklerim").DataTable().clear().draw();
        $("#t_isteklerim").dataTable().fnDestroy();
        $('#t_isteklerim').empty();
    }


var table = $('#t_isteklerim').DataTable({
        "bAutoWidth": true,
        'dom': 'BRlfrtip',
        "columns":        [
            {'id':'id'},
            {'tekliftarihi':'tekliftarihi'},
            {'istektarihi':'istektarihi'},
            {'istekadedi':'istekadedi'}
        ],
        "language":{"url":"<?=base_url()?>assets/libs/misc/datatables/Turkish.json"},
        "order": [[ 0, "desc" ]],
        "autoWidth":      true,
        "ajax": {
            url : "<?=base_url()?>tekliflerim/fx_get_items_isteklerim",
            type : 'GET'
        }
    }  );

    DataTable() und dataTable() sind Verschieden!

    InformationsquelleAutor Kanber CIRIT
  7. 0

    müssen Sie möglicherweise zu speichern dataTable innerhalb einer Variablen in der Lage sein, um Optionen zu ändern oder Funktionen aufrufen.

    ersten Schritt :
    die Speicherung der Tabelle in variable

     var oTable = $('#teamTable').dataTable({
            "sPaginationType": "bootstrap"
        });

    zweiten Schritt :
    in Ihrem ajax-Anfrage, wenn Sie möchten, deaktivieren Sie die Tabelle.

    if (oTable != undefined) {
    oTable.fnClearTable();
}

    BEARBEITEN

    var oTable; 
if ($('#teamTable').size() > 0)
    {

        var oTable = $('#teamTable').dataTable({
            "sPaginationType": "bootstrap"   //storing the instance of the dataTable for futher use in the future
        });
    }

      $("#save_team").click(function() {
            $.ajax({
            type: "POST",
            url: "asana_team.php",
            data: { people_name: $('#e2').val(), team_name:$('#teamname').val() },
            beforeSend : function(){
                $("#team_table").hide(); //we dont need to remove table, only hide it..
                $("#team_table_div").append("<center id=\"loading\" style=\"margin-top:25%;margin-bottom:25%\"><img src='../common/images/ajax-loader.gif' /></center>");
            },
            contentType: "application/x-www-form-urlencoded"
            }).done(function(data) {
                $("#loading").remove();
                $('#team_table_div').append(data);
                $('#teamTable').show();
                //here we clean the data from the table
               if (oTable != undefined) {
                    oTable.fnClearTable();
               }                  
            });
        });
    • könntest du sagen, in welche code-segment habe ich änderungen vorgenommen
    • erläutern Sie bitte kurz
    • ist es besser?
    • ich nicht vollständig bekommen, was Sie brauchen, wenn ich re-Lektüre die Frage.. Sie wollen die neuen Daten werden in die Tabelle eingefügt? ohne die Zerstörung der Optionen?
    • Fehler: Uncaught TypeError: Cannot read property 'fnSetData' undefined
    • ich denke, da es keine Spalten definiert, habe ich Recht?
    • ich will einfach nur laden boostrap such-und paging auf rintializing datierenden
    • ja, absolut , und boostrap such-und paging ist wieder geladen, wenn Benutzer klicken Sie auf die Schaltfläche in einem zweiten Schritt

    InformationsquelleAutor Ori Refael
Schreibe einen Kommentar