Показ анимации, что идет загрузка, для обновления контента views в режиме ajax

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

Задача состоит в том, чтобы показать, что идет загрузка данных.

Для этого нужно зацепиться за два js события: начало отправка ajax запросаajaxSend и завершение запросаajaxComplete.

В следующем примере я добавляю (а по завершению загрузки убираю) CSS класс isLoading к контейнеру представления (view), которая называется all_products_and_filter. При этом код одинаково работает как для Drupal 7, так и Drupal 9:

Остаётся только добавить стили .isLoading , чтобы пользователь увидел изменения на front-end. Чтобы вам было с чего начать, поделюсь своем шаблоном стилей (SASS):

Написать комментарий

Мало букафф? Читайте есчо !

Как изменить длину поля (max length) после создания, сохраняя данные

Май 15, 2018 г.

Друпал не позволяет менять длину текстового поля после создания. Функция field_update_field также нам не поможет - будет сгенерирована соответствующая ошибка, что поле уже содержит данные и изменить его длину нельзя. Это можно проделать вручную, зная ...

Читать

Ctools modal закрытие при клике вне модального окна

Июнь 28, 2019 г.

Привычное для пользователей поведение модального окна изначально не реализовано в ctools. Давайте добавим немного js, реализующего нужный функционал. Код универсален для модального окна создаваемого ctools, т.к. привязан к верстке окна: [crayon-67983c36e9fb6685403979/] ...

Читать

 

Комментарии к «Показ анимации, что идет загрузка, для обновления контента views в режиме ajax»

Понравилась статья? Есть вопросы? - пишите в комментариях.



Комментарий: