web-dev-qa-db-ja.com

編集/作成フォームに複数の関係がある

私のアプリでは、ユーザーはPackageという名前のものを作成できます。パッケージには以下が必要です

  • モデル
  • Books(順番にModelに属します。Modelを選択すると、ユーザーはModelに対して複数のBooksを選択することもできます)
  • 連絡先

最初に考えたのはウィザード、つまり3つのステップを持つことでした:

  1. モデルを選択
  2. 各モデルの書籍を選択してください
  3. 連絡先を選択

しかし、ユーザーがエンティティを作成できるだけでなく、それを編集することもできる場合、これはうまくいきません。

この種の複雑な関係と依存エンティティをフォームで管理する方法のパターンまたは例はありますか?

添付されているのは、私が思いついた現在のイテレーションのモックアップです。これまでのところ、パッケージの作成は2つの異なる画面に分割されています。あるモデルと本が選択され、連絡先+別の追加データ。しかし、ユーザーがこの画面構成でデータを簡単に編集できる方法はわかりません。つまり、パッケージリストで[パッケージの編集]をクリックすると、おそらく最初の画面が開き、完全な概要が表示されません。

enter image description here

enter image description here

1
Igor Filippov

enter image description here

  1. それらを1つのステップにマージします。
  2. ネストを追加:モデル->本->連絡先(添付に示すとおり)
  3. 編集と追加は同じページで行うことができます。

Add/edit/showが何をするのかという質問からは明らかではありませんが、私が理解している時点で同様の機能を提供しています。しかし、私はあなたが私のポイントを得たことを望みます。 最小化/最大化可能な要素を持つ3つのエンティティをネストすると、問題が解決します。:)

1
Kishan