一般情報
Modal ウィンドウは、現在のページの上に開くインターフェース要素です。ポップアップとも呼ばれます。
新しい modal ウィンドウを作成するには、ウィジェットパネルからウィンドウをドラッグします。
モーダルウィンドウは、キャンバス上の2つの領域に配置することができます。
- Page components;
- App components;
で Page components の場合は、特定のページにリンクしたモーダルウィンドウを配置するとよいでしょう。
で App components では、アプリケーション全体に適用されるmodal ウィンドウを配置します。
modal ウィンドウには、通常のページと同じウィジェットを含めることができます。
ビジネス・プロセスは、ワークフロー・タブの下にあるmodal ウィンドウにリンクさせることができます。それには、以下のトリガーを使用することができます。
- OnCreate
- OnShow
- OnHide
- OnDestroy
BPの2つのブロックは、モーダルウィンドウを制御するために使用することができます。
- Show modal をクリックすると、モーダルウィンドウが開きます。
- Hide modal をクリックすると、modal のウィンドウが閉じます。
modal ウィンドウの操作方法
を追加します。 modal ウィンドウを Page components セクションに追加します。
を配置します。 button をページ・キャンバスに配置します。
については、以下のようになります。 button には、ビジネス・プロセスが設定されます。 OnClick トリガーに設定されます。BPは1つのブロックだけを含みます。 Show Modal.
その中で Show modal ブロックでは、入力パラメータ Component ID の名前を選択します。 modal ウィンドウの名前を選択します。
次に、 モーダルウィンドウの 中に、もう1つの ボタンを 配置します。
このボタンにも同様のBPが設定されていますが、ボタン名の代わりに Hide modal の代わりに Show modal ブロックが使われています。
これで、 モーダルウィンドウを 開いたり閉じたりすることができます。
modal ウィンドウは、とても便利な機能です。例えば、レコードを追加する機能を配置すると便利です。
