openPopover
openPopover
指定したフォームをポップオーバーとして開きます。ウィジェットにアンカーとして固定することも、画面中央に表示することもできます。
パラメータ
formPath(string): ポップオーバーに表示するフォームのパスまたはIDlinkArg(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)— ポップオーバーを閉じる