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

openPopover

openPopover​

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

パラメータ

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

optionsの項目:

  • anchor(string): アンカーとして使うウィジェットID(省略時は画面中央に配置)
  • placement(string): 配置方向 — 'bottom-left'、'bottom-right'、'top-right'、'top-left'、'bottom'、'top'、'center'
  • offsetX / offsetY(number): アンカー基準の微調整オフセット
  • width / height(number): ポップオーバーのサイズ
  • barrierDismissible(boolean): 背景のタップで閉じるかどうか(既定はtrue)
  • barrierColor(string): 背景色
  • barrierPassThrough(boolean): 背景のマウスイベントを通過させるかどうか
  • movable(boolean): ポップオーバーを移動できるかどうか(titleBarHeightと併用)
  • titleBarHeight(number): 移動可能なポップオーバーのタイトルバーの高さ
  • snapToEdges(boolean): 画面の端にスナップするかどうか
  • snapThreshold(number): スナップのしきい値

戻り値: なし(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) — ポップオーバーを閉じる