AI翻訳通知

このドキュメントはAIによって翻訳されました。正確な情報については英語版をご参照ください。

フォームブロック

はじめに

フォームブロックは、データ入力や編集インターフェースを構築するための重要なブロックです。高いカスタマイズ性を持ち、データモデルに基づいて必要なフィールドを対応するコンポーネントで表示します。連動ルールなどのイベントフローを通じて、フォームブロックはフィールドを動的に表示できます。さらに、ワークフローと組み合わせることで、自動化されたプロセスのトリガーやデータ処理を実現し、作業効率をさらに向上させたり、ロジックを構築したりできます。

フォームブロックの追加

  • 編集フォーム:既存のデータを変更するために使用します。
  • 新規作成フォーム:新しいデータエントリを作成するために使用します。

20251023191139

ブロック設定項目

20251023191448

ブロック連動ルール

連動ルールを通じて、ブロックの動作(表示の有無やJavaScriptの実行など)を制御します。

20251023191703

詳細については、ブロック連動ルール を参照してください。

フィールド連動ルール

連動ルールを通じて、フォームフィールドの動作を制御します。

20251023191849

詳細については、フィールド連動ルール を参照してください。

レイアウト

フォームブロックは2種類のレイアウト方式をサポートしており、layout 属性で設定できます。

  • horizontal(水平レイアウト):このレイアウトはラベルとコンテンツを1行に表示し、垂直方向のスペースを節約します。シンプルなフォームや情報が少ない場合に適しています。
  • vertical(垂直レイアウト)(デフォルト):ラベルがフィールドの上に配置されます。このレイアウトにより、フォームはより読みやすく、入力しやすくなります。特に、複数のフィールドや複雑な入力項目を含むフォームに適しています。

20251023193638

フィールドの設定

本コレクションのフィールド

注意:継承テーブル内のフィールド(つまり親テーブルのフィールド)は、現在のフィールドリストに自動的にマージされて表示されます。

20240416230739

リレーションシップコレクションのフィールド

リレーションシップコレクションのフィールドはフォーム内では読み取り専用であり、通常はリレーションシップフィールドと組み合わせて使用され、関連データの複数のフィールド値を表示できます。

20260212161035

  • 現在、対一関係(belongsTo / hasOne など)のみをサポートしています。
  • 通常、リレーションシップフィールド(関連レコードの選択に使用)と組み合わせて使用されます。リレーションシップフィールドコンポーネントが関連レコードの選択・変更を担当し、リレーションシップコレクションのフィールドがそのレコードの詳細情報(読み取り専用)の表示を担当します。

:「担当者」を選択した後、フォーム内にその担当者の電話番号やメールアドレスなどの情報を表示します。

編集フォームでリレーションシップフィールド「担当者」が設定されていない場合でも、対応する関連情報を表示できます。リレーションシップフィールド「担当者」が設定されている場合、担当者を変更すると、対応する関連情報が対応するレコードに更新されます。

20260212160748

その他のフィールド

20251023192559

  • JavaScriptを記述することで、カスタム表示コンテンツを実現し、複雑な内容を表示できます。

20251023192935

フィールドテンプレート

フィールドテンプレートは、フォームブロック内でフィールドエリアの設定を再利用するために使用されます。詳細は フィールドテンプレート を参照してください。

field-template-menu-20251228

アクションの設定

20251023193231