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

openPopover

openPopover

指定したフォームをポップオーバーとして開きます。ウィジェットにアンカーとして固定することも、画面中央に表示することもできます。

パラメータ

  • formPathstring): ポップオーバーに表示するフォームのパスまたはID
  • linkArgany): 開いたフォームへ渡す引数(null可)
  • callbackfunction): ポップオーバーが閉じられたときに結果を受け取るコールバック(null可)
  • optionsobject、任意): ポップオーバーのオプション

optionsの項目:

  • anchorstring): アンカーとして使うウィジェットID(省略時は画面中央に配置)
  • placementstring): 配置方向 — 'bottom-left''bottom-right''top-right''top-left''bottom''top''center'
  • offsetX / offsetYnumber): アンカー基準の微調整オフセット
  • width / heightnumber): ポップオーバーのサイズ
  • barrierDismissibleboolean): 背景のタップで閉じるかどうか(既定はtrue)
  • barrierColorstring): 背景色
  • barrierPassThroughboolean): 背景のマウスイベントを通過させるかどうか
  • movableboolean): ポップオーバーを移動できるかどうか(titleBarHeightと併用)
  • titleBarHeightnumber): 移動可能なポップオーバーのタイトルバーの高さ
  • snapToEdgesboolean): 画面の端にスナップするかどうか
  • snapThresholdnumber): スナップのしきい値

戻り値: なし(void

Example

// 위젯에 앵커링
$form.openPopover("menus/orderType", null, function(result) {
$log.i("선택:", result);
}, { anchor: "btn_ordertype", placement: "bottom-left", offsetY: 4 });

// 화면 중앙 고정 크기
$form.openPopover("dialogs/picker", null, null,
{ width: 300, height: 400, barrierDismissible: true });

関連

  • $form.openHoverPopover(formPath, linkArg, callback, options) — マウスホバーのポップオーバー
  • $form.closePopover(result) — ポップオーバーを閉じる