2016-09-08 21 views
0

テーブルがあり、ajaxを使用してテーブルの行を更新しました。私は保存ボタンをクリックすると、テーブルの変更された行をリフレッシュする必要があります。それはちょうど何もしない更新されたテーブルの行を更新する

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 
    ] 
    }); 
} 

: これまでのところ私のコードはこれです! 戻り値と更新データテーブルは正常ですが、リフレッシュは正しくありません。 私は途中でCodeIgniterを使用しています。短期間でそれを行うための機能はありますか?

答えて

0

これは、ページ上にあるすべてのデータテーブルを更新するために使用される:

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

編集:

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

おかげでそれはあまりにも動作しませんでした!テーブルをソートするだけのようなものですが、新しい値はリフレッシュされません。 –

+0

更新された回答を確認してください。 – Noman

+0

こんにちは。あなたの応答をありがとう:) 私はちょうど $( '#custtbl')のようなあなたの更新された答えを使用しました:dataTable()fnUpdate(値['c_firstname']、$( 'cname')[0]、 1)。 ['c_firstname']の値が変更され、$( 'cname')が​​というIDですが、機能しませんでした。 –