本文整理匯總了TypeScript中@ephox/alloy.ModalDialog.show方法的典型用法代碼示例。如果您正苦於以下問題：TypeScript ModalDialog.show方法的具體用法？TypeScript ModalDialog.show怎麽用？TypeScript ModalDialog.show使用的例子？那麽, 這裏精選的方法代碼示例或許可以為您提供幫助。您也可以進一步了解該方法所在類@ephox/alloy.ModalDialog的用法示例。
在下文中一共展示了ModalDialog.show方法的4個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的TypeScript代碼示例。
示例1: closeWindow
const factory = (contents: Types.Dialog.Dialog<T>, internalInitialData: T, dataValidator: Processor): Types.Dialog.DialogInstanceApi<T> => {
// We used to validate data here, but it's done by the instanceApi.setData call below.
const initialData = internalInitialData;
const dialogInit: DialogManager.DialogInit<T> = {
dataValidator,
initialData,
internalDialog: contents
};
const dialog = renderDialog<T>(
dialogInit,
{
redial: DialogManager.DialogManager.redial,
closeWindow: () => {
ModalDialog.hide(dialog.dialog);
closeWindow(dialog.instanceApi);
}
},
extras.backstage
);
ModalDialog.show(dialog.dialog);
dialog.instanceApi.setData(initialData);
return dialog.instanceApi;
};示例2: renderUrlDialog
const factory = (contents: Types.UrlDialog.UrlDialog): Types.UrlDialog.UrlDialogInstanceApi => {
const dialog = renderUrlDialog(
contents,
{
closeWindow: () => {
ModalDialog.hide(dialog.dialog);
closeWindow(dialog.instanceApi);
}
},
extras.editor,
extras.backstage
);
ModalDialog.show(dialog.dialog);
return dialog.instanceApi;
};示例3: callback
const open = (message: string, callback: (state: boolean) => void) => {
const closeDialog = (state: boolean) => {
ModalDialog.hide(confirmDialog);
callback(state);
};
const memFooterYes = Memento.record(
renderFooterButton({
name: 'yes',
text: 'Yes',
primary: true,
icon: Option.none()
}, 'submit', sharedBackstage.providers)
);
const footerNo = renderFooterButton({
name: 'no',
text: 'No',
primary: true,
icon: Option.none()
}, 'cancel', sharedBackstage.providers);
const confirmDialog = GuiFactory.build(
Dialogs.renderDialog({
lazySink: () => sharedBackstage.getSink(),
partSpecs: {
title: Dialogs.pUntitled(),
close: Dialogs.pClose(() => {
closeDialog(false);
}, sharedBackstage.providers),
body: Dialogs.pBodyMessage(message, sharedBackstage.providers),
footer: Dialogs.pFooter(Dialogs.pFooterGroup([], [
footerNo,
memFooterYes.asSpec()
]))
},
onCancel: () => closeDialog(false),
onSubmit: () => closeDialog(true),
extraClasses: [ 'tox-confirm-dialog' ]
})
);
ModalDialog.show(confirmDialog);
const footerYesButton = memFooterYes.get(confirmDialog);
Focusing.focus(footerYesButton);
};示例4: callback
const open = (message: string, callback: () => void) => {
const closeDialog = () => {
ModalDialog.hide(alertDialog);
callback();
};
const memFooterClose = Memento.record(
renderFooterButton({
name: 'close-alert',
text: 'OK',
primary: true,
icon: Option.none()
}, 'cancel', sharedBackstage.providers)
);
const alertDialog = GuiFactory.build(
Dialogs.renderDialog({
lazySink: () => sharedBackstage.getSink(),
partSpecs: {
title: Dialogs.pUntitled(),
close: Dialogs.pClose(() => {
closeDialog();
}, sharedBackstage.providers),
body: Dialogs.pBodyMessage(message, sharedBackstage.providers),
footer: Dialogs.pFooter(Dialogs.pFooterGroup([], [
memFooterClose.asSpec()
]))
},
onCancel: () => closeDialog(),
onSubmit: Fun.noop,
extraClasses: [ 'tox-alert-dialog' ]
})
);
ModalDialog.show(alertDialog);
const footerCloseButton = memFooterClose.get(alertDialog);
Focusing.focus(footerCloseButton);
};