У меня есть простая таблица, которая использует https://datatables.net/ для поиска. В некоторых столбцах таблицы находятся html поля ввода и выбора, где пользователь может вводить или выбирать параметры. Мне нужно было бы искать даже в значениях этих html элементов. Второе, что у меня есть, это то, что пользователи могут динамически добавлять еще один ряд. Если это так, поиск по входам html вообще не работает.
Это решение работает нормально, но только для неизмененных значений во входах в таблице.
$.fn.dataTableExt.ofnSearch['html-input'] = function(el) {
return $(el).val();
};
table = $('table.search').DataTable({
columnDefs: [{ 'type': 'html-input', 'targets': [1, 2] }]
});
Когда пользователь измените какое-либо значение в поле ввода / выбора, при поиске по-прежнему будет использоваться его исходное значение, а не новое.
Кроме того, как я писал, у пользователей есть возможность добавить еще одну строку с этой функцией. Если это так, поиск в полях ввода / выбора вообще не работает.
table.row.add([
counter,
'<input class="text" type="text" name="item[' + counter + '][desc]" value="">',
'<input class="number" type="number" name="item[' + counter + '][no]" value="" min="0">',
]).draw(false);
Есть ли возможность предоставить пользователю возможность поиска по значениям ввода и выбора даже после того, как он изменил значение после генерации таблицы и даже в динамически добавляемых строках?