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

Опубликовано в October CMS • 11 января 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 публикации(-ям)");
    } 
}

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

Как в OctoberCMS сделать простейшую переадресацию с одной страницы на другую?

Создаём страницу (Page), задаем URL и в секции код добавляем обработчик на хук жизненного цикла страницы. В данном случае это onStart, которая выполняется перед началом загрузки страницы. 

function onStart()
{
    return Redirect::to('http://tyapk.ru');
}