Добро пожаловать в форум, Guest  >>   Войти | Регистрация | Поиск | Правила | В избранное | Подписаться
Все форумы / HTML, JavaScript, VBScript, CSS Новый топик    Ответить
 Bootstrap Filters и кнопка очистки фильтра  [new]
Ghost Writer
Member

Откуда: Россия
Сообщений: 906
Добрый день!
Использую Bootstrap Filters как в этом примере
К Input добавил кнопку для очистки фильтра
onclick="document.getElementById('myInput').value='';"

Поле фильтра очищается, но фильтр с таблицы не убирается.
Как бы мне в onclick еще вызвать фильтрацию или oninput / onkeyup ?

https://jsfiddle.net/hxqg2t6z/

Сообщение было отредактировано: 19 ноя 20, 14:48
19 ноя 20, 14:52    [22235387]     Ответить | Цитировать Сообщить модератору
 Re: Bootstrap Filters и кнопка очистки фильтра  [new]
вадя
Member

Откуда: Екатеринбург
Сообщений: 18305
Ghost Writer,

делается так
onclick="xxxx();"


function xxxx(){
тут всё что угодно
}
19 ноя 20, 16:05    [22235481]     Ответить | Цитировать Сообщить модератору
 Re: Bootstrap Filters и кнопка очистки фильтра  [new]
вадя
Member

Откуда: Екатеринбург
Сообщений: 18305
Ghost Writer
Поле фильтра очищается, но фильтр с таблицы не убирается.
что значит фильтр не убирается?
данные остаются прежними?
19 ноя 20, 16:07    [22235485]     Ответить | Цитировать Сообщить модератору
 Re: Bootstrap Filters и кнопка очистки фильтра  [new]
Ghost Writer
Member

Откуда: Россия
Сообщений: 906
вадя,

можно и так сказать, если вам так яснее.
т.е. в таблице по-прежнему отображаются только отфильтрованные строки
19 ноя 20, 16:28    [22235502]     Ответить | Цитировать Сообщить модератору
 Re: Bootstrap Filters и кнопка очистки фильтра  [new]
вадя
Member

Откуда: Екатеринбург
Сообщений: 18305
Ghost Writer,

https://jsfiddle.net/3udhyteL/
19 ноя 20, 16:30    [22235507]     Ответить | Цитировать Сообщить модератору
 Re: Bootstrap Filters и кнопка очистки фильтра  [new]
вадя
Member

Откуда: Екатеринбург
Сообщений: 18305
Ghost Writer,

знаешь что такое F12 ?
19 ноя 20, 16:31    [22235508]     Ответить | Цитировать Сообщить модератору
 Re: Bootstrap Filters и кнопка очистки фильтра  [new]
Leonid Kudryavtsev
Member

Откуда:
Сообщений: 9241
del

Сообщение было отредактировано: 19 ноя 20, 16:27
19 ноя 20, 16:32    [22235509]     Ответить | Цитировать Сообщить модератору
 Re: Bootstrap Filters и кнопка очистки фильтра  [new]
вадя
Member

Откуда: Екатеринбург
Сообщений: 18305
всё "достоинство" библиотек - они что-то делают - то не понятно что
https://jquery-docs.ru/toggle/
вот скрывают строки - и поди догадайся как

требуется время чтоб в этих либах разобраться, когда можно потратить это время на изучение основ js
19 ноя 20, 16:56    [22235528]     Ответить | Цитировать Сообщить модератору
 Re: Bootstrap Filters и кнопка очистки фильтра  [new]
Ghost Writer
Member

Откуда: Россия
Сообщений: 906
да вот впервые решил применить кусочек jquery, т.к. пример мне показался лаконичным, законченным решением.
но добавил кнопочку и понадобились костыли ))
Я тогда лучше на js переделаю, чем jquery с костылями.

Сообщение было отредактировано: 19 ноя 20, 17:23
19 ноя 20, 17:28    [22235560]     Ответить | Цитировать Сообщить модератору
Все форумы / HTML, JavaScript, VBScript, CSS Ответить