Mam stronę edycji mojej aplikacji MVC, używając Razor.

Mam model jak:

public class MyModelObject
{
    public int Id { get; set; }

    public string Name { get; set; }

    public string Description { get; set; }

    public List<MyOtherModelObject> OtherModelObjects { get; set; }
}

A MyOtherModelObject wygląda tak:

public class MyOtherModelObject
{
    public string Name { get; set; }

    public string Description { get; set; }
}

Tworzę stronę edycji dla MyModelObject. Potrzebuję sposobu na dodanie spacji do formularza na stronie Edycja dla MyModelObject, aby użytkownik mógł utworzyć / dodać tyle instancji MyOtherModelObject, ile użytkownik chce na liście innych obiektów modelu.

Myślę, że użytkownik może nacisnąć przycisk, który zrobi ajax do innej akcji, która zwraca częściowy widok elementów formularza (bez znacznika formularza, ponieważ jest on przeznaczony do części formularza na mojej stronie edycji). Gdy użytkownik doda wszystkie żądane obiekty MyOtherModelObject i wypełni dane, powinien być w stanie zapisać swoje zmiany w istniejącym obiekcie MyModelObject, który będzie HttpPost w akcji Edit i mam nadzieję, że wszystkie MyOtherModelObjects znajdą się na właściwej liście.

Potrzebuję również użytkownika, aby móc ponownie zamówić przedmioty po ich dodaniu.

Czy ktoś wie, jak to zrobić? Czy masz przykładowy projekt lub przykładowy przewodnik online z wdrożonym tym rozwiązaniem?