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

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

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

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

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

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

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

Вывод сообщений валидации формы рядом с формой

Март 20, 2019 г.

При возникновении ошибок, во время проверки формы друпал выполняет две вещи, которые отражаются на фронт-энд - добавляет сообщение об ошибке в стек сообщений и маркирует классом error поле, содержащее ошибку. Если форма находится далеко от места вывода ...

Читать

Изменения настроек поля программно Drupal 7

Май 27, 2020 г.

Если вам программно нужно изменить настройки поля в Drupal, то на помощь приходит Field CRUD API. Это набор функций из файла modules/field/field.crud.inc. ...

Читать

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

Май 15, 2018 г.

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

Читать

Список всех типов публикаций в Drupal

Май 13, 2020 г.

Как получить полный список зарегистрированных типов публикаций в Drupal 7. Задача типична для бек-енда при создании форм страниц настроек. Потому покажу в статье пример реализации поля для формы с выбором типов публикаций. В API Drupal существует ...

Читать
 

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

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



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