Я прошу помощи или пример выполнения расширенного поиска AJAX с использованием DataTables.
У меня есть несколько полей формы, которые я хочу использовать в качестве фильтров.
Мы хотим выполнить сервер фильтрация и разбиение на страницы по соображениям производительности.
Когда страница загружается в первый раз, мы не хотим, чтобы она что-то искала.
Пользователям нужно будет нажать на какую-нибудь кнопку чтобы начать поиск, но он также должен работать для сортировки и поиска.
Я попытался использовать рекомендации документации для «извлечения», установленного в значение true, и «deferRender», установленного в значение true, но это не похоже на работу.
Мой код выглядит примерно так:
$.fn.dataTable.ext.errMode = 'throw';
function initTable() {
return $('#results-table').DataTable({
retrieve: true,
processing: true,
serverSide: true,
deferRender: true,
ajax: {
url: '/home/filter',
type: 'POST',
data: function(d) {
d.form = $('#form').serialize();
}
}
});
}
initTable();
$('#form').on('submit', function(evt) {
evt.preventDefault();
const table = initTable();
table.ajax.reload();
});
Что мне здесь не хватает?