フォームにドロップダウンメニューを追加する方法

Adaloアプリ内でドロップダウンメニューを作成する方法を学びましょう! まず始めに、Adalo内でデータベースを設定していると便利です。このチュートリアルでは、「Recipes」のデータベースを設定し、「Name」をテキストプロパティ、"Food Image"を画像プロパティとして作成し、"Users"に関連するプロパティを作成し、複数のレシピが複数のユーザーに属することができ、複数のユーザーが複数のレシピを持つことができるようにします。次に、「Categories」の新しいコレクションを作成し、テキストプロパティを追加して「Name」と呼びます。左パネルの「Categories」の隣にある「0 Records」をクリックします。フォーム内のドロップダウンメニューからユーザーが選択できるオプションとなるデータベースにレコードを追加する必要があります。

  1. アプリ画面にフォームコンポーネントを追加します

  2. 左パネルで、最初のドロップダウンメニューで「Recipes」を選択して、フォームを「Recipes」のデータベースコレクションに接続します。

  3. その後、カテゴリのデータベースコレクションに移動し、「Recipes」との「関係」を設定します。これは、1つのレシピが1つのカテゴリを持つことができるが、1つのカテゴリが複数のレシピを持つことができる多対1の関係になります。保存をクリックします。

  4. フォームに戻り、左パネルをクリックします。フィールドにスクロールダウンして、「表示フィールドを追加」をクリックします。これにより、ドロップダウンが作成されます。

  5. 左パネルをスクロールして、送信ボタンに移動します。"別のアクションを追加"をクリックして、Recipes画面をCategories画面にリンクさせ、アプリに追加されたレシピを表示できるようにします。

  6. Categories画面に移動したら、左パネルを検索して「Image list」を探します。それをCategories画面にドラッグした後、左パネルで、ドロップダウンメニューでRecipesを選択して、データベースコレクションを「Image list」にバインドします。

  7. 左パネルをスクロールして、「Text」の下にある「Subtitle」を更新するためにクリックします。テキスト行から「Subtitle」を削除します。

  8. "magic text symbol"をクリックして、「Categories」にスクロールし、「Name」を選択します。これにより、画像リストにカテゴリ名が挿入されます。

フォームをプレビューして、完了です!Adaloのフォーム内にドロップダウンメニューを作成しました。🎉 クローン可能なアプリ!👀 → リンク\

Last updated

Was this helpful?