一般情報
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 ウィンドウは、とても便利な機能です。例えば、レコードを追加する機能を配置すると便利です。