Comment ajouter et supprimer dynamiquement des éléments de campagne d'une vue ASP.NET MVC?

Question

J'ai un modèle PurchaseOrder:

public class PurchaseOrder 
{ 
    public string OrderNumber { get; set; } 
    public string Customer { get; set; } 
    public IList<LineItem> Lines { get; set; } 
} 

et une classe LineItem:

public class LineItem 
{ 
    public string PartNumber { get; set; } 
    public int Quantity { get; set; } 
} 

Ce que je veux faire est de mon avis pour la PurhcaseOrder Créer une action, je besoin d'une section pour les articles en ligne. L'utilisateur devrait être en mesure d'ajouter une nouvelle ligne, supprimer une ligne, puis soumettre. Une mise en garde est le PartNumber doit être une liste déroulante des parties valides. Que puis-je faire pour accomplir ce que je recherche?

Answer 1

Je créerais cette fonctionnalité avec jQuery (sur un côté client)

---

Référence 1345 - 124 articles [Supprimer]
Référence 1489 - 101 articles [Supprimer]

[Sélectionner partie namber /] [_ _ Quantité] [Ajouter]

---

plus vous pouvez dupliquer cette fonctionnalité (exactement la même interface utilisateur) avec la morue côté serveur e pour les clients qui ont désactivé JS. Pour ce faire, vous pouvez stocker des éléments de ligne temporaires dans TempData (à chaque publication, lorsque l'utilisateur clique sur Ajouter un élément de campagne).

Answer 2

Si vous voulez tout faire sans js, créez une nouvelle action/vue pour ajouter et modifier un élément de campagne. Pour la suppression, il est mauvais d'avoir un lien d'action qui supprime l'élément, un GET ne doit jamais modifier les données. Donc, un bon schéma est d'avoir le lien de suppression aller à une page de confirmation. Et à partir de cette page vous POST à ​​l'action de suppression (ou annuler et revenir en arrière)

Answer 3

http://knockoutjs.com/ est très bon pour cela.

http://knockoutjs.com/examples/cartEditor.html montre un éditeur qui peut ajouter/supprimer des lignes et contient un menu déroulant.

et il y a un article vieux-ish qui traite de l'utilisation Knockoutjs avec asp.net mvc - http://blog.stevensanderson.com/2010/07/12/editing-a-variable-length-list-knockout-style/