フォームにテーブル(表)を追加/削除する

記事番号:040555

アプリのフォームには、データ入力中に必要に応じて入力行を増やせる「テーブル」機能があります。

テーブルは、複数の入力内容を1つのレコードで管理したいときに便利です。
たとえば、商品の注文管理アプリで、お客様の注文によって異なる商品名や注文数を、必要な数だけ行を追加して入力できます。
スクリーンショット:テーブルに行を追加している

テーブル(表)を追加する

テーブルを作成するには、フィールド一覧からテーブルを配置したあとに、テーブルに含めたいフィールドを1つずつドラッグアンドドロップします。

また、テーブルには、テーブル名やフィールドコードを設定できます。
ここでは、フィールド配置後の手順5~8でテーブル名やフィールドコードを設定していますが、フィールド配置前でも配置の間でも設定可能です。

  1. 「レコードの一覧」画面で、画面右上にある歯車の形をした[アプリを設定]アイコンをクリックします。
    スクリーンショット:[アプリを設定]アイコンが枠線で強調されている

  2. 「アプリの設定」画面で、[フォーム]タブをクリックします。

  3. フォームの設定画面で、テーブルをフォームに配置します。
    スクリーンショット:テーブルフィールドを配置している

  4. テーブルに含めるフィールドを1つずつドラッグアンドドロップします。
    アニメーション:テーブルに含めるフィールドを配置している

    フィールドが配置され、テーブルのフィールド追加ガイドが表示されます。

  5. テーブル内に配置したフィールドを、フィールド右上の歯車の形をした設定アイコンの[設定]からそれぞれ設定します。
    スクリーンショット:フィールドの設定メニューを表示している

  6. テーブルフィールドの右上にある歯車の形をした設定アイコンにカーソルを合わせて、[テーブルの設定]をクリックします。
    スクリーンショット:テーブルの設定メニューの[テーブルの設定]を枠線で強調している

  7. テーブル名を入力します。
    テーブル名をラベルフィールドでスタイル調整したい場合など、テーブル名を非表示にするには、[テーブル名を表示しない]をチェックします。
    スクリーンショット:テーブル名を入力している

  8. 必要に応じて、「フィールドコード」の編集アイコンをクリックして、フィールドコードを入力します。
    スクリーンショット:テーブルのフィールドコードを変更している

  9. [保存]をクリックします。

  10. フォームの設定が完了したら、画面左上の[フォームを保存]をクリックします。
    フォームが保存されると、テーブルのフィールド追加ガイドの表示が消えます。

  11. 画面右上の[アプリを更新]をクリックします。

  12. 「アプリを更新」ダイアログで、[アプリを更新]をクリックします。

テーブル(表)を削除する

テーブル(表)を削除する手順は、次のとおりです。

  1. 「レコードの一覧」画面で、画面右上にある歯車の形をした[アプリを設定]アイコンをクリックします。
    スクリーンショット:[アプリを設定]アイコンが枠線で強調されている

  2. 「アプリの設定」画面で、[フォーム]タブをクリックします。

  3. フォームの設定画面で、テーブルフィールドの右上にある歯車の形をした設定アイコンにカーソルを合わせて、[削除]をクリックします。
    スクリーンショット:[削除]を枠線で強調している

  4. 「テーブルの削除」ダイアログで[削除する]をクリックします。

  5. 画面左上の[フォームを保存]をクリックします。

  6. 画面右上の[アプリを更新]をクリックします。

  7. 「アプリを更新」ダイアログで、[アプリを更新]をクリックします。

アプリ更新後もできる操作

テーブルをフォームに追加し、アプリ更新した後も、次の操作ができます。

  • テーブル全体の位置を移動する
    アニメーション:テーブルの位置を移動している

  • テーブルにフィールドを追加/削除する
    ただし、使用中のフィールドをテーブル内へ移動したり、テーブル内のフィールドをテーブル外や他のテーブルへ移動したりはできません。
    アニメーション:テーブルにフィールドを追加している

  • テーブル内のフィールドの並び順を変更する
    アニメーション:フィールド内のフィールドの並び順を変更している

テーブル内の値をもとにした条件を設定する場合の注意

テーブル内のフィールドの値をもとにした条件を設定する場合、次のことに注意してください。

レコード登録/編集時にテーブルの行を追加・削除するには

各レコードでテーブルの行を追加または削除できます。

  1. アプリで、レコード追加または編集画面を開きます。

  2. 行を追加するには、+の形をした[行を追加する]アイコンをクリックします。
    行を削除する場合は、-の形をした[この行を削除する]アイコンをクリックします。
    スクリーンショット:テーブルの右横に行を追加または削除するアイコンが表示されている