Aktualisieren Sie eine Zeile der aktualisierten Tabelle

Question

Ich habe eine Tabelle und mit Ajax, aktualisierte ich eine Zeile einer Tabelle. Ich muss die geänderte Zeile der Tabelle aktualisieren, wenn ich auf Speichern klicke. Bisher ist mein Code dies:

function doedit() 
{ 
    var value = { 
    'c_firstname': $('#c_firstname').val(), 
    'c_lastname': $('#c_lastname').val(), 
    'c_gender': $("#c_gender option:selected").html(), 
    'c_age': $('#c_age').val(), 
    'c_job': $('#c_job').val(), 
    'c_address': $('#c_address').val(), 
    'c_phone': $('#c_phone').val(), 
    'c_mail': $('#c_mail').val(), 
    'c_state': $("#c_state option:selected").html(), 
    'c_intrest': $("#c_intrest option:selected").html(), 
    'c_added_info': $('#c_added_info').val() 
    }; 
    $.ajax({ 
     type: 'POST', 
     url: '<?php echo site_url('customers/updatecustomer'); ?>', 
     data: value, 
     success: function(resp){ 
      $('#error').html(resp); 
     } 
    }); 

    $('#custtbl').dataTable().fnDestroy(); 
    $('#custtbl').dataTable({ // Cannot initialize it again error 
    "aoColumns": [ 
     { "bSortable": false }, 
     null, null, null, null 
    ] 
    }); 
} 

Es hat nichts nur tun! Der zurückgegebene Wert und die Aktualisierungsdatentabelle sind in Ordnung, die Aktualisierung jedoch nicht. Ich benutze CodeIgniter übrigens. Gibt es irgendeine Funktion darin, es auf kurze Weise zu tun?

Answer 1

Diese Verwendung ist es, alle Datentabelle zu aktualisieren, die auf einer Seite sind:

$('#custtbl').each(function() { 
    dataTable = $(this).dataTable(); 
    dataTable.fnDraw(); 
}) 

Edit:

$('#custtbl').dataTable().fnUpdate('Updated Value Here' , $('Dynamic Table ID Here')[0], 1);