For the complete documentation index, see llms.txt. This page is also available as Markdown.

Подтверждения действий

Общая информация

Как известно, стандартные методы Javascript не позволяют кастомизировать метод confirm(), по этому мы решили добавить такую возможность в наш фреймворк.

Данный компонент спроектирован исключительно для работы через Javascript, однако при большом желании, HTML код подтверждения можно сформировать и вручную.

Создание через атрибуты

Для создания подтверждения через атрибуты, необходимо добавить инициатору события вызова атрибут data-confirm. Опции подтверждения можно задать через атрибуты data-confirm-{NAME}.

<button class="btn" data-confirm data-confirm-title="Welcome" data-confirm-text="Hello world!" data-confirm-confirm="myCallback">Open Confirm!</button>

<script>function myCallback(){ console.log('Confirmed!'); }</script>
Пример работы кода выше

Поддерживаемые атрибуты

Создание через Javascript

Для создания подтверждения через javascript, необходимо создать экземпляр класса PipUI.Confirm и передать в него один параметр опций. Важнейшим свойством объекта опций является text и title, которые задают текст и название окна соответственно. При желании эти свойства могут быть опущены.

Для обработки события нажатия на одну из кнопок, можно использовать параметры объекта опций confirm и/или cancel, передав в них функции обратного вызова.

Пример работы кода выше

Опции

Методы

Триггер
Описание
Инициатор

open-confirm-pipui

Срабатывает при начале открытия подтверждения

.modal

opened-confirm-pipui

Срабатывает при завершении открытия подтверждения

.modal

close-confirm-pipui

Срабатывает при начале закрытия подтверждения

.modal

closed-confirm-pipui

Срабатывает при завершении закрытия подтверждения

.modal

confirm-confirm-pipui

Срабатывает при подтверждающем действии

.modal

cancel-confirm-pipui

Срабатывает при отмене

.modal

Дополнительная информация

Положения появления подтверждения задаются в формате {VERTICAL}-{HORIZONTAL}

Поддерживаемые положения по вертикали: top, center, bottom

Поддерживаемые положения по горизонтали: left, center, right

Last updated