ポップアップサブフォームの理解

お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

Zoho Creatorでは、サブフォーム項目を使用してフォーム内に別のフォームを表示できます。サブフォームを追加したフォームはメインフォームと呼ばれます。メインフォーム内に空白のサブフォームを新規作成することも、アプリ内の既存フォームをサブフォームとして追加することも可能です。

ご存知の通り、フォームにはデータの保存、データ関係、データ入力という3つの主要な機能があります。ユーザー体験とデータ入力の利便性を向上させるために、Creatorではサブフォームの行をポップアップとして開き、ユーザーがデータを入力できる機能を提供しています。ポップアップで入力された内容はサブフォームに新しい行として追加されます。サブフォームのリスト表示種類を有効にすると、サブフォームがポップアップで表示されます。

例として、複数の項目を含むサブフォームがある場合、サブフォーム内の項目は横方向に一覧表示されるため、ユーザーはデータを追加する際に横スクロールが必要になります。表示種類をリストに設定すると、サブフォームがポップアップで開きます。ユーザーはサブフォームの項目をポップアップ内で縦方向に簡単に確認・入力でき、必要なデータを追加できます。

既存フォームをサブフォームとして使用する場合、元のフォームの構成がそのままサブフォームのポップアップに再現され、統一感のある見た目と操作性が保たれます。例えば、マルチ列レイアウトやセクション項目を利用している場合でも、同様のレイアウトがサブフォームのポップアップに表示されます。

下記の項目は、空白サブフォームでは現在サポートされていません。

下記の項目は、既存サブフォームでは現在サポートされていません。

表示する種類

ユーザーがサブフォームのエントリーをどのように表示するか、以下の表示種類から選択できます。

Grid 表示する - ユーザーはサブフォームの行にデータを追加でき、行と列で一覧表示されます。
List 表示する - List 表示するは、見た目がlist レポートと似ています。サブフォームの各行にデータを追加または更新しようとすると、ポップアップが表示され、項目が縦スクロールで一覧表示されます。各ポップアップの入力内容はサブフォームの行として追加されます。

サブフォーム内で変更頻度が低いものの、行数が多い場合はList 表示するの選択をおすすめします。この表示方法は、サブフォーム行の編集時に読み込み時間も大幅に短縮されます。

例

たとえば、Zylker Inventory Managementアプリケーションを構築し、原材料から製品までの在庫管理を効率化し、法人の業務を最適化しているとします。社内用の発注書フォームがあり、必要な資材の注文が可能です。このフォームには、必要な商品の詳細を行で追加できるサブフォーム商品商品が含まれています。このサブフォームには、商品いいえ、商品名、Specification、単位、数量、単価、Preferential 金額、割引、Final 金額、メモといった項目があります。サブフォームで行を追加するたびに横スクロールが必要になるのは手間がかかるかもしれません。そこで、サブフォームの表示種類としてList 表示するを選択できます。これにより、新しい行を追加する際はポップアップサブフォームが開き、項目が縦に一覧表示されます。

縦スクロールは、項目数が多いサブフォームを扱う場合に、ユーザー体験やスペースの効率向上の観点から、一般的かつ直感的な方法です。

ユーザーはデータを簡単に追加でき、ポップアップで入力した内容がサブフォームの行として追加されます。

知っておきたいこと

サブフォームに非表示項目がある場合、それぞれの列に目のアイコンが表示されます。
サブフォームに無効項目がある場合、その列はグレー表示されます。そのような項目は編集できません。
既存のサブフォーム内でフォーム項目をマルチ列レイアウトで追加した場合、ポップアップサブフォームも同じレイアウトで開きます。
名前や住所項目などの複合項目の場合、表示項目はサブフォーム行でカンマ区切りの値として表示されます。
サブフォームの展開／折りたたみ時に行の追加が可能です。
サブフォーム行の編集や削除ができます。編集時には、リスト表示種類を選択している場合にポップアップサブフォームが表示されます。
編集行ポップアップが完了しても、オンユーザー入力ワークフローが実行された場合でも、アラートは表示されません。
追加や削除は、ポップアップ（リスト表示）サブフォームでも、グリッド表示サブフォームと同様に行えます。
項目ルールでサブフォーム行の削除が無効になっている場合、行を追加しても削除ボタンは表示されません。
サブフォーム項目に複数の項目があり、横スクロールが有効になる場合、サブフォーム行の最初の2列が固定されます。これにより、重要な項目の値を参照しながら、サブフォーム行内の他の項目値の表示・追加・編集を行うことができます。

ビューポート（UI上の表示領域）で見えている項目の可読性を高めるため、このサブフォームの固定は最初の2列の合計が次のいずれかの条件を満たす場合に有効となります：
1. フォームがアプリケーション内の主なコンポーネントとして追加されている場合、ビューポート幅の30％。
2. 埋め込みフォームがページ内にある場合や、アプリケーション外で公開済みフォームの場合、ビューポート幅の40％。
最初の2列の合計幅が上記の制限を超えた場合：
1. 最初の列が制限内の場合は、その列のみ固定されます。
2. 最初の列が制限を超える場合、サブフォームの固定は有効になりません。
サブフォームに追加した項目サイズ（幅）を設定している場合、同じ設定がポップアップサブフォームにも適用されます。

並べ替え

サブフォーム項目には、サブフォーム内で追加した行を特定の順番で並べ替える機能があります。並べ替えオプションはサブフォームの項目プロパティで利用でき、両方の表示タイプに適用可能です。自動でサブフォームデータを項目に基づき並べ替えることも、ユーザーがカスタム順に並べ替えることも選択できます。詳細はこちら