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

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

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

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

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

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

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

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

Программно выводим блок в Drupal

Февраль 7, 2019 г.

Если вы решили вывести блок, реализованный в каком либо модуле, программно, то следующие  примеры кода помогут вам. Используя block API Запрашиваем данные блока через API, готовим массив для последующего рендеринга: [crayon-62b76bf7a7ec7309698466/] ...

Читать

Добавление условий во views программно

Март 31, 2019 г.

Модуль Views - мощный инструмент в копилке друпалера. Конструктор позволяет создавать условия, перекрывающие большую часть потребностей в практических ...

Читать

 

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

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



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