一般情報

Modal ウィンドウは、現在のページの上に開くインターフェース要素です。ポップアップとも呼ばれます。

新しいmodal ウィンドウを作成するには、ウィジェットパネルからウィンドウをドラッグします。

モーダルウィンドウは、キャンバス上の2つの領域に配置することができます。

  1. Page components;
  2. App components;

Page componentsの場合は、特定のページにリンクしたモーダルウィンドウを配置するとよいでしょう。

App componentsでは、アプリケーション全体に適用されるmodal ウィンドウを配置します。

modal ウィンドウには、通常のページと同じウィジェットを含めることができます。

ビジネス・プロセスは、ワークフロー・タブの下にあるmodal ウィンドウにリンクさせることができます。それには、以下のトリガーを使用することができます。

  • OnCreate
  • OnShow
  • OnHide
  • OnDestroy

BPの2つのブロックは、モーダルウィンドウを制御するために使用することができます。

  • Show modalをクリックすると、モーダルウィンドウが開きます。
  • Hide modalをクリックすると、modal のウィンドウが閉じます。

を追加します。 modalウィンドウを Page componentsセクションに追加します。

を配置します。 buttonをページ・キャンバスに配置します。

については、以下のようになります。 buttonには、ビジネス・プロセスが設定されます。 OnClickトリガーに設定されます。BPは1つのブロックだけを含みます。 Show Modal.

その中で Show modal ブロックでは、入力パラメータ Component ID の名前を選択します。 modal ウィンドウの名前を選択します。

次に、モーダルウィンドウの中に、もう1つのボタンを配置します。

このボタンにも同様のBPが設定されていますが、ボタン名の代わりに Hide modalの代わりに Show modalブロックが使われています。

これで、モーダルウィンドウを開いたり閉じたりすることができます。

modal ウィンドウは、とても便利な機能です。例えば、レコードを追加する機能を配置すると便利です。

Was this article helpful?

AppMaster.io 101 クラッシュコース

10 モジュール
2 週

何から始めればいいのかわからない?初心者のためのクラッシュコースで、AppMasterを隅から隅まで見ていきましょう。

コース開始
Development it’s so easy with AppMaster!

もっと助けが必要ですか?

私たちの専門家の助けを借りて問題を解決します。時間を節約し、アプリケーションの構築に集中してください。

headphones

サポート問い合わせ先

問題について教えてください。解決策を見つけます。

message

コミュニティチャット

チャットで他のユーザーと質問について話し合います。

コミュニティに参加する