Modal

Modal — UI компонент для открытия модального окна в интерфейсе платформы Аспро.Cloud

import { Modal } from '@aspro-cloud/miniapp-jssdk'

Конструктор

Создает экземпляр Modal с переданными параметрами

constructor(params: ModalParams)

Параметр	Тип	Описание
params	ModalParams	Параметры создания модального окна

Свойства

events

Объект типа EventCallbacks<ModalEventName> с обработчиками событий

get events(): EventCallbacks
set events(value: EventCallbacks)

options

Параметры отображения модального окна типа ModalOptions

options: ModalOptions

title

Заголовок модального окна

title: string

url

URL открываемой страницы

url: string

Методы

destroy

Удаляет подписки и освобождает ресурсы

destroy(): void

hide

Закрывает модальное окно программно

async hide(): Promise<any>

show

Открывает модальное окно

async show(): Promise<any>

События метода show():

Событие	Параметр	Тип	Описание
'onShow'			Модальное окно отображено
'onHide'			Модальное окно скрыто
'onClose'			Модальное окно закрыто пользователем

Пример

ESM

import { App, Modal } from '@aspro-cloud/miniapp-jssdk'

await App.initializeFrame()

const modal = new Modal({
  title: 'ООО Рога и Копыта',
  url: '/_module/crm/view/account_view/2332?tab=account_info',
  options: {
    width: 'lg'
  },
  events: {
    onShow: () => console.log('Модальное окно отображено'),
    onHide: () => console.log('Модальное окно скрыто'),
    onClose: () => console.log('Модальное окно закрыто пользователем')
  }
})

await modal.show()

UMD

const App = window.ACloudMiniApp;

await App.initializeFrame();

const modal = new App.Frame.Modal({
  title: 'ООО Рога и Копыта',
  url: '/_module/crm/view/account_view/2332?tab=account_info',
  options: {
    width: 'lg'
  },
  events: {
    onShow: () => console.log('Модальное окно отображено'),
    onHide: () => console.log('Модальное окно скрыто'),
    onClose: () => console.log('Модальное окно закрыто пользователем')
  }
});

await modal.show();