Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   DataTables пересоздадь (https://javascript.ru/forum/events/59060-datatables-peresozdad.html)

sash003 25.10.2015 14:36

DataTables пересоздадь
 
Привет всем! Два дня назад познакомился с jQuery плагином Datatables, он как раз очень нужен оказался. Проблема в том что я не могу её переинициализировать после аякс запросов. С её методом аякса не могу разобраться, поэтому делаю так

$.ajax({
    dataType : 'json'
    data : {это неинтересно},
    success : function(response){

        var str = '';
        
        for(n in response){
            
            str += '<tr>';
            str += '<td>'+response[n].s_name+'</td>';
            str += '<td>'+response[n].task_txt+'</td>';
            str += '<td>'+response[n].task_dstart+'</td>';
            str += '<td>'+response[n].task_dfinish+'</td>';
            str += '</tr>';
            
        }
        
        $('#tasks tbody').html(str);
         $('#tasks').DataTable(); 
        }
    });


И всё работало, всё нормально было до какого-то момента, нажимал к примеру "все записи", их выводило и внизу писалось верное их количество, так же и с другими кнопками. А теперь если нажал на одну, их вывело, нажал на другую, тоже, но сортировка и поиск ведутся по первым записям.
Хочу спросить, как снять метод .DataTable() и снова повесить на таблицу? Пробовал .destroy(), но после него уже не получается инициализировать табличку...

рони 25.10.2015 15:39

sash003,
медитировать тут http://datatables.net/reference/api/draw() - перерасчёт таблицы
http://www.datatables.net/examples/api/add_row.html - добавление строк в таблицу

sash003 25.10.2015 16:52

Спасибо, брат, я твой должник :thanks:


Часовой пояс GMT +3, время: 21:01.