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

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

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

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

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

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

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

Drupal API функции для работы с таксономией

Октябрь 12, 2018 г.

Drupal 7 поддерживает работу с таксономией на уровне ядра (модуль taxonomy), предоставляя богатый арсенал функций. Здесь мы рассмотрим только функции, ...

Читать

Создание условий `или` в запросах через db API Drupal

Январь 4, 2019 г.

Конструирование запросов через Drupal DB API необходимо для поддержки совместимости кода для разных источников данных. Друпал предоставляет и более прямые средства для написания запросов вроде db_query, и никто не может запретить вам применить функционал ...

Читать

Глюк модуля transliteration в php 7.3.

Октябрь 20, 2019 г.

Столкнулся со следующим неприятным багом, при использовании модуля pathauto, совместно с модулем транслитерации: Drupal генерирует "обрезанные" синонимы адресов страниц. Длина получаемого синонима плавала от 40-70 символов, и я никак не мог понять ...

Читать

Еще один пример работы с EntityFieldQuery

Декабрь 23, 2020 г.

Время от времени продолжаю кодить под drupal 7, публикую еще один пример для работы EntityFieldQuery, на этот раз с фильтром по полю типа term reference. Основная логика точно такая же как и при работе с data полями (где у нас хранятся тексты или ...

Читать
 

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

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



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