2017-02-23 5 views
0

テーブルにAjaxリクエストのエントリを設定しようとしています。クリックイベントのjQuery Datatableへのエントリを埋め込む

私は自分のJsonデータがデータテーブルに提示するために適切なフォーマットを持っていることを確認できます。

問題が発生した後、私のコンソールでそれらを見ることができても、エントリは入力されません。

$(document).ready(function() { 

    var $submitButton = $('.ladda-button[type="button"]').ladda(); 

    var table = $('.table').DataTable({ 
     processing: true, 
     searching: false, 
     responsive: true, 
     filter: false, 
     deferLoading:0, 
     serverSide: true, 
     bLengthChange: false, 
     bSort: false, 
     ajax: { 
      url: "myUrl", 
      type: 'post', 
      dataSrc: function (json) { 
       $submitButton.ladda('stop'); 
       var entries = json.data; 
       return entries; 
      } 
     }, 


    }); 

    $(document).on('click',$submitButton, function(e){ 
     e.preventDefault(); 
     $submitButton.ladda('start'); 
     table.ajax.reload(); 
     return false; 
    }); 
}); 

答えて

0

私はあなたがテーブルを時期尚早にリロードしていると思います。あなたはajaxを使用しているので、データが利用可能になったらリロードするだけです。

私はladdaに慣れていないんだけど、多分そのイベントがベースとあなたが停止イベントや似たような後reloadを呼び出すためのコードを変更することができます

setTimeout(function() { 
    table.ajax.reload(); 
}, 10000); 

(10秒後にリロード)テストとしてこれを試してみてください。

+0

お返事ありがとうございます。残念ながら、他の何かが問題を引き起こします! – Makis

関連する問題