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

openModalSheet

openModalSheet

指定したフォームをモーダルのボトムシートとして開きます。必要に応じて背景の特定領域をハイライトできます。

パラメータ

  • formPathstring): シートに表示するフォームのパスまたはID
  • linkArgany): 開いたフォームへ渡す引数(null可)
  • callbackfunction): シートが閉じられたときに結果を受け取るコールバック(null可)
  • leftnumber、任意): ハイライト領域の左座標(論理ピクセル)
  • topnumber、任意): ハイライト領域の上座標(論理ピクセル)
  • widthnumber、任意): ハイライト領域の幅(論理ピクセル)
  • heightnumber、任意): ハイライト領域の高さ(論理ピクセル)

戻り値: なし(void

説明

モーダルのボトムシートを開き、背景に暗いオーバーレイを表示します。lefttopwidthheightすべて指定すると、その矩形だけが暗くならずハイライトされます(アンカーウィジェットの強調などに利用)。いずれか1つでも省略すると、背景全体が暗くなります。

openSheetopenModalSheetの比較

区分openSheetopenModalSheet
モーダルかどうか非モーダルモーダル
背景オーバーレイなし暗いオーバーレイ
ハイライト領域非対応対応(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) — 非モーダルのボトムシート