Обновление JQuery Datatable Cell Value

Question

У меня есть jquery datatable со многими пролетами в нем. Таблица загружается с помощью данных ajax из БД, тогда пролеты динамически обновляются, чтобы соответствовать всем другим пролетам с тем же классом, когда пользователь изменил значение.

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

Например, если я обновляю значение до 555, а затем выполним поиск 555, он не возвращает результат.

Я попытался использовать .draw(), но он не работает. Как я могу обновлять данные всех значений ячеек без разрушения и перестройки таблицы. Уничтожить просто похоже на массовый перебор.

Answer 1

Я бьющийся на это какое-то время, и я думаю, что это может быть связано с кешем, который использует данные. Однако я обнаружил, что если вы найдете ячейку, тогда установите атрибут data в значение html ячейки, в которой он работает. Пока что вы бы сделали что-то подобное.

var UpdateTD = $(".changemade").parent('td'); 
table.cell(UpdateTD).data(UpdateTD.html()).draw(); 

Это действительно единственный способ, которым я нашел, чтобы заставить его работать. На самом деле это не лучший способ сделать это, но, похоже, он работает. Вот обновленная скрипка, показывающая ее в действии https://jsfiddle.net/jebwq9yL/1/

Answer 2

Определение table в качестве глобальной переменной, как этот

HTML Update Используется <td class="changemade">Tiger Nixon</td>. удаленный диапазон от вашего кода. для доступа к ячейке вы должны указывать имя класса или идентификатор на td не span.

var table; 
$(document).ready(function() { 
    ........ 
    // DataTable 
    table = $('#example').DataTable(); 
    ........ 
    }); 
$('.changebutton').on('click', function() { 
    // update cell value based on selector 
    table.cell($('.changemade')).data('MEOW!').draw() 
}); 
}); 
//and use this code to listen the draw event. 
table.on('draw', function() { 
    alert('table has been re-drawn') 
}); 

DEMO

В вашей скрипке поиск работает, потому что переменная table и search function находятся в том же области, но table.draw выходит за рамки, так что не работает