JQuery DataTables многостраничные с функциональностью не работает прямо с JQuery

Question

Контекст:

Я использую библиотеку DataTables Jquery с моей точки зрения ASP.NET MVC модели. У меня есть модель элемента, содержащая список моделей департаментов. У меня есть Html.EditorFor(), чтобы отобразить список моделей отдела в таблице dataTables.

Проблема

Каждая строка имеет флажок, который имеет функцию щелчка, который будет удалять строку через запрос Ajax пост. Он отлично работает на первой странице данных. Но на других страницах эмиттер щелчка не настроен, и поэтому запрос ajax не срабатывает. Он работает только для первой страницы строк в пользовательском интерфейсе dataTables.

Что можно сделать, чтобы исправить это?

Answer 1

Вам необходимо прикрепить обработчик события jquery с помощью jquery on. Потому что после подкачки данных Таблицы перезагружают tableBody, и все прикрепленные обработчики событий, которые не подключены к режиму live, будут потеряны. Что-то вроде этого ..

$("#dataTableWrapper").on("click", "td", function(event){ 
    // your code 
});