MVC - Créer un objet et des objets connexes en une seule fois

Je veux créer un objet parent avec enfant/objets liés dans la même vue.
Un exemple serait: créer un Père (nom) avec tous ses fils (avec leur nom). J'ai créé un modèle de vue:

public class FatherViewModel {
  public Father father {get; set;} //has 1 property Name
  public List<Son> {get; set;} //has 1 property Name
}

Ma question est, comment puis-je obtenir la liste des Fils de retour à partir de la vue lorsque le poste est-il effectué?
J'ai essayé d'utiliser HiddenFor pour chaque Fils de l'id, mais n'importe quoi, la liste est vide lorsqu'il est retourné à la manette.

Mise à JOUR:

J'ai essayé de l'Éditeur de Modèle par exemple par Shyju décrit ci-dessous, mais mon éditeur n'est jamais appelée.
J'ai 1 objet:

public class Person
{
    public int Id { get; set; }
    public string Name { get; set; }
    public int? FatherId { get; set; }
    public virtual ICollection<Person> Children { get; set; }
}

Je l'ai fait:

  1. Échafaudée complet d'un contrôleur pour la Personne avec index, de créer, d'éditer...
  2. Créé EditorTemplates dossier en Vue->Personne
  3. Créée Personne.cshtml:

    @model TestEditorTemplate.Models.Person
    <div>
    <h4>Child</h4>
    @Html.TextBoxFor(s => s.Name)
    @Html.HiddenFor(s => s.Id)
    </div>

  4. Ajouté @Html.EditorFor(m => m.Children) à Créer.cshtml

Questions:

  1. Comment peut - @Html.EditorFor(m => m.Children)éventuellement travailler avec le
    l'éditeur de modèle lors de la m.Children est une collection de Person et pas un seul
    Person?
  2. Je veux créer (ne pas modifier) un père dont les enfants en même temps. Cela signifie que je n'ai pas d'Id pour passer à la vue de Créer au départ. Comment cela peut-il fonctionner? À partir de l'exemple par Shyju, les Identifiants sont déjà créés à l'avance?? Ou ai-je mal compris le exemple?
poster votre avis svp

OriginalL'auteur SkeetSkeet | 2014-08-18

  1. 8

    Vous pouvez utiliser EditorTemplates pour gérer cela. Voici un échantillon de travail.

    J'ai donc un viewmodel pour représenter la relation père-enfant

    public class PersonVM
{
    public int Id { set; get; }
    public string Name { set; get; }
    public int? ParentId { set; get; }
    public List<PersonVM> Childs { set; get; }
}

    Et dans mes méthode d'action, j'ai créer un objet de mon point de vue, le modèle et la charge du Père -enfant données. 

    public ActionResult EditorTmp(int id = 1)
{
    //Hard coded for demo, you may replace with actual DB values
    var person = new PersonVM {Id = 1, Name = "Mike"};
    person.Childs = new List<PersonVM>
    {
        new PersonVM {Id = 2, Name = "Scott", ParentId = 11},
        new PersonVM {Id = 2, Name = "Gavin", ParentId = 12}
    };
    return View(person);
}

    Maintenant, je vais créer un EditorTemplate. Pour ce faire, Allez dans votre dossier de Vues, et de Créer un répertoire appelé EditorTemplates sous le répertoire qui a le même nom que le contrôleur, et ajouter une vue avec le nom PersonVM.cshtml

    MVC - Créer un objet et des objets connexes en une seule fois

    Maintenant, allez à ce point de vue et ajoutez le code ci-dessous.

    @model ReplaceWithYourNameSpaceNameHere.PersonVM
<div>
    <h4>Childs </h4>
    @Html.TextBoxFor(s => s.Name)
    @Html.HiddenFor(s => s.Id)
</div>

    Maintenant, nous allons revenir à notre vue principale. Nous devons faire de ce point de vue fortement typée à l'origine, notre PersonVM. Nous allons utiliser le EditorFor html helper dans ce point de vue à l'appel de notre éditeur de modèle

    @model ReplaceWithYourNameSpaceNameHere.PersonVM
@using (Html.BeginForm())
{
    <div>
        @Html.TextBoxFor(s => s.Name)
        @Html.HiddenFor(s => s.Id)
    </div>
    @Html.EditorFor(s=>s.Childs)
   <input type="submit"/>
}

    Ont maintenant une HttpPost méthode dans le contrôleur pour gérer la publication de formulaires 

    [HttpPost]
public ActionResult EditorTmp(PersonVM model)
{
    int fatherId = model.Id;
    foreach (var person in model.Childs)
    {
        var id=person.Id;
        var name = person.Name;
    }
    //to do  : Save ,then Redirect (PRG pattern)
    return View(model);
}

    Maintenant, Si vous placez un point d'arrêt dans votre HttpPost méthode d'action, vous pouvez voir l'identité de l'enfant sont transmis à cette méthode d'action.

    MVC - Créer un objet et des objets connexes en une seule fois

    Une chose importante à retenir est que Votre Éditeur de Template de vue du nom doit être le même que le type de liaison.

    Très belle écriture-up.
    Une grande réponse, mais j'ai quelques questions supplémentaires. Auriez-vous l'esprit de partage de votre projet? Consultez révisé à la question.
    J'ai besoin d'ajouter un HiddenFor à la ParentId dans le modèle d'édition pour faire ce travail : @Html.HiddenFor(s => s.ParentId)
    Alors, comment puis-je ajouter de nouvelles entrées? Est-il possible d'écrire un modèle pour ICollection<PersonVM>?

    OriginalL'auteur Shyju