OctoberCMS. Показать индикатор загрузки во время выполнения AJAX запроса

Опубликовано в October CMS • 10 января 2018 г. • 1 мин. на чтение

Необходимо создать div с идентификатором loading, скрыть его по-умолчанию через style="display: none;". В ссылку добавить атрибут data-request-loading со значение loading

Для атрибута data-request-loading указывается CSS селектор элемента, который будет отображаться во время выполнения запроса. Функция использует функции jQuery show() и hide() для управления видимостью элемента.

Пример содержимого:

<a
    data-request="onAddAuthors"
    data-request-loading="#loading"
    data-request-flash
    class="btn btn-default">
    Добавить авторов к публикациям
</a>
<div id="loading" class="popup-backdrop fade in loading" style="display: none;">
    <div class="modal-content popup-loading-indicator"></div>
</div>
public function index_onAddAuthors()
{
    $count = Publication::addAuthors();
    if ($count > 0) {
        Flash::success("Авторы успешно добавлены к $count публикации(-ям)");
    } 
}

Похожие записи