ユーザーが複数のドキュメントを同時にコレクションに追加できるようにするフォームがいくつかありますが、これを変換して AutoForm を使用するのが最善の方法ではありません。
たとえば、ユーザーは学校でクラスを作成できます。クラスには、名前、教科、教師を含めることができます。一度に 1 つのクラスだけを追加するフォームの代わりに、同時に多くのクラスを追加できる行があります。AutoForm を追加する前の簡単な例を次に示します。これにより、各行に名前、件名、教師の列を含む 3 つの行ができます。
<form class="class-form">
<div class="table-row">
<input type="text" name="name[]" placeholder="name">
<input type="text" name="subject[]" placeholder="subject">
<input type="text" name="teacher[]" placeholder="teacher">
</div>
<div class="table-row">
<input type="text" name="name[]" placeholder="name">
<input type="text" name="subject[]" placeholder="subject">
<input type="text" name="teacher[]" placeholder="teacher">
</div>
<div class="table-row">
<input type="text" name="name[]" placeholder="name">
<input type="text" name="subject[]" placeholder="subject">
<input type="text" name="teacher[]" placeholder="teacher">
</div>
<button type="submit">Save</button>
</form>
クラスのスキーマを作成し、オートフォームを使用して一度に 1 つのクラスのフォームを作成することはできますが、オートフォームを使用して上記のように 1 つのフォームで複数のドキュメントを作成するにはどうすればよいですか?
[ここのコード例は大幅に簡略化されています。Select2 要素を使用して科目と教師を選択し、実際のコードにはさらに多くのフィールドと があります。また、行がいっぱいになると、自動的に行を追加します。この例は単純にして、後でこれらの問題に取り組みます]