openModalSheet
openModalSheet
指定したフォームをモーダルのボトムシートとして開きます。必要に応じて背景の特定領域をハイライトできます。
パラメータ
formPath(string): シートに表示するフォームのパスまたはIDlinkArg(any): 開いたフォームへ渡す引数(null可)callback(function): シートが閉じられたときに結果を受け取るコールバック(null可)left(number、任意): ハイライト領域の左座標(論理ピクセル)top(number、任意): ハイライト領域の上座標(論理ピクセル)width(number、任意): ハイライト領域の幅(論理ピクセル)height(number、任意): ハイライト領域の高さ(論理ピクセル)
戻り値: なし(void)
説明
モーダルのボトムシートを開き、背景に暗いオーバーレイを表示します。left・top・width・heightをすべて指定すると、その矩形だけが暗くならずハイライトされます(アンカーウィジェットの強調などに利用)。いずれか1つでも省略すると、背景全体が暗くなります。
openSheetとopenModalSheetの比較
| 区分 | openSheet | openModalSheet |
|---|---|---|
| モーダルかどうか | 非モーダル | モーダル |
| 背景オーバーレイ | なし | 暗いオーバーレイ |
| ハイライト領域 | 非対応 | 対応(left/top/width/heightのすべてが必要) |
Example
// 기본 모달 시트
$form.openModalSheet("order/summary", null, function(result) {
$log.i("시트 닫힘:", result);
}, null, null, null, null);
// 특정 영역 하이라이트 (x:20, y:100, 200x50 영역)
$form.openModalSheet("confirm/dialog", null, function(result) {
$log.i("결과:", result);
}, 20, 100, 200, 50);
関連
$form.openSheet(formPath, linkArg, callback)— 非モーダルのボトムシート