Класс MessageBox

Описание и опции

Класс для создания стандартных информационных диалогов (alert и confirm).

new BX.UI.Dialogs.MessageBox(
{
	options;
}
);

Опции объекта класса

options {object} — коллекция опций диалога. Список опций диалога в таблице:

BX.UI.Dialogs.MessageBox.show(
{
	message: "Текст, поясняющий назначение данного попапа, находится здесь.",
	buttons: BX.UI.Dialogs.MessageBoxButtons.OK_CANCEL,
	popupOptions: 
	{
		bindElement: BX("yesnocancel"),
		offsetLeft: 20,
		closeIcon: true,
		events: 
		{
			onPopupClose: function() 
			{
				BX.UI.Dialogs.MessageBox.alert("Попап закрыт.");
			}
		}
	}
}
);

Методы

alert(message: string | Element | Node, okCallback?: Function, okCaption?: string);
alert(message: string | Element | Node, title?: string, okCallback?: Function, okCaption?: string);

confirm(message: string | Element | Node, okCallback?: Function, okCaption?: string, cancelCallback?: Function);
confirm(message: string | Element | Node, title: string, okCallback?: Function, okCaption?: string, cancelCallback?: Function);

Примеры

Создание объекта класса

const messageBox = new BX.UI.Dialogs.MessageBox(
{
	message: "Вы действительно хотите удалить файл?",
	title: "Подтверждение удаления",
	buttons: BX.UI.Dialogs.MessageBoxButtons.OK_CANCEL,
	okCaption: "Да",
	onOk: function() 
	{
		console.log("onOk");
	},
}
);


messageBox.show();

Произвольные названия и callback'и кнопок

const messageBox = new BX.UI.Dialogs.MessageBox(
{
	message: "Разные названия кнопкам",
	title: "Подтверждение удаления",
	buttons: BX.UI.Dialogs.MessageBoxButtons.YES_NO_CANCEL,
	yesCaption: "Мое название Да",
	noCaption: "Мое название Нет",
	cancelCaption: "Моя Отмена",
	maxWidth: 600,
	onYes: function() 
	{
		console.log("onYes");
		messageBox.close();
	},
	onNo: function() 
	{
		console.log("onNo");
		messageBox.close();
	},
	onCancel: function(messageBox) 
	{
		console.log("onCancel");
		messageBox.close();
	},
}
);

messageBox.show();

Опции для BX.PopupWindow

BX.UI.Dialogs.MessageBox.show({
	message: "Текст, поясняющий назначение данного попапа, находится здесь.",
	buttons: BX.UI.Dialogs.MessageBoxButtons.OK_CANCEL,
	popupOptions: {
		bindElement: BX("yesnocancel"),
		offsetLeft: 20,
		closeIcon: true,
		events: {
			onPopupClose: function() {
				BX.UI.Dialogs.MessageBox.alert("Попап закрыт.");
			}
		}
	}
});