Ajout d'éléments à une collection sur un site ASP.NET MVC à l'aide de jQuery et AJAX

Question

Je crée une expérience UX qui permettra à l'utilisateur d'ajouter des éléments à une collection à l'aide d'un bouton jQuery et d'AJAX. Mon problème est que lorsque l'utilisateur a fini d'ajouter des éléments et de remplir le reste du formulaire, il remplit le formulaire que je veux porter au serveur sous la forme d'une classe fortement typée.

Ma question est, quelle est la meilleure approche pour ajouter un nouvel élément à la collection d'un modèle en utilisant jQuery et Ajax? ou est-ce possible?

Exemple:

<li> 
    <div id="shipment"> 
     <%: Html.EditorFor(x => x.Shipment) %> 
    </div> 
</li> 

x.Shipment est en fait une collection dans mon modèle.

J'ai des boutons dans l'éditeur pour permettre à l'utilisateur d'ajouter des articles à l'expédition.

Ensuite, lorsque les messages de l'utilisateur la forme, j'ai le contrôleur mis en place comme ceci:

[HttpPost] 
public ActionResult CompleteReceipt(Receipt receipt) 
{ 
    Context.Update(receipt); 
    return RedirectToAction("Index", "Home"); 
} 

Quelle est la meilleure pratique ou une façon d'utiliser jQuery pour ajouter des éléments à la collection de l'expédition de mon modèle de reçu?

Answer 1

Commander ce excellent blog post de Steve Sanderson. Il fournit un bon aperçu de la façon de réaliser ce que vous recherchez et pourrait être considéré comme la meilleure pratique. N'oubliez pas de lire le follow-up qui est sur la validation si vous êtes intéressé par cet aspect car il pourrait être un peu difficile avec des formes dynamiques.