メインコンテンツまでスキップ

openDialog

openDialog​

指定したフォームをダイアログとして開きます。

パラメータ

  • formPath(string): ダイアログに表示するフォームのパスまたはID
  • linkArg(any): 開いたフォームへ渡す引数(null可)
  • callback(function): ダイアログが閉じられたときに結果を受け取るコールバック(null可)
  • options(object、任意): ダイアログのオプション

optionsの項目:

  • width(number): ダイアログの幅(論理ピクセル)
  • barrierColor(string): 背景オーバーレイの色(例: "#66000000")
  • barrierDismissible(boolean): 背景のタップで閉じられるかどうか(既定はfalse)

戻り値: なし(void)

openDialog・openSizedDialog・openFullDialogの比較

区分openDialogopenSizedDialogopenFullDialog
サイズ指定optionsで幅のみwidth / heightを直接指定フルスクリーン
トランジション既定既定ズームトランジション
barrierDismissibleの既定値falsefalsetrue(ESC可)

Example

$form.openDialog("dialogs/confirm", { message: "삭제하시겠습니까?" },
function(result) {
if (result?.confirmed) {
$log.i("확인 선택");
}
},
{ width: 400, barrierDismissible: true }
);

関連

  • $form.openFullDialog(formPath, linkArg, callback) — フルスクリーンダイアログ
  • $form.openSizedDialog(formPath, linkArg, width, height, callback, barrierDismissible) — サイズ指定のダイアログ
  • $form.closeDialog(result) — ダイアログ内部から自分自身を閉じる