2017-02-23 59 views
0

Я пытаюсь заполнить таблицу с помощью записей запроса Ajax.Заполнять записи в jQuery Datatable при событии click

Я могу подтвердить, что мои данные Json имеют соответствующий формат, чтобы быть представленными в Datatable.

Проблема заключается в том, что после запроса записи не заполняются, даже если я могу видеть их в консоли.

$(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, вы только хотите перезагрузить, как только ваши данные будут доступны.

Попробуйте это как тест (перегрузка через 10 секунд)

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

Я не знаком с Ladda, но, возможно, на основе его событий, и вы можете изменить свой код для вызова reload после события остановки или что-то подобное ,

+0

Спасибо за ответ. К сожалению, что-то еще вызывает проблемы! – Makis

Смежные вопросы