demande multiple ajax à partir d'une vue de rasoir ayant modèle IEnumerable/viewmodel

Question

Dans mon projet ASP.Net MVC je suit ViewModel

public class ApproveItemViewModel 
{ 
     [Required] 
     public int ItemId { get; set; } 

     [Required] 
     public string ItemCode { get; set; } 
} 

Je suivant deux méthodes dans le contrôleur

[HttpGet] 
    public ActionResult ListPendingItems() 
    { 
     var items = new List<ApproveItemViewModel>(); 
     //add few items here in above list 
     return View(vms); 
    } 

    [HttpPost] 
    public JsonResult ApproveItem(ApproveItemViewModel viewmodel) 
    { 
     return Json(new { success = success }, JsonRequestBehavior.AllowGet); 
    } 

Maintenant, dans mon rasoir voir ce que je veux est d'appeler la méthode ApporveItem en utilisant des appels Ajax pour chaque élément individuel. J'ai donc créé plusieurs formes ajax en utilisant le code ci-dessous.

@model IEnumerable<ApproveItemViewModel> 
@foreach (var item in Model) 
{ 
    using (Ajax.BeginForm("ApproveItem", new AjaxOptions() 
         { 
          InsertionMode = InsertionMode.Replace, 
          HttpMethod = "POST", 
          UpdateTargetId = "dane" 
         })) 
    { 
     @Html.AntiForgeryToken() 
     @Html.ValidationSummary(true) 

     <table> 
      <tr> 
       <td>@Html.LabelFor(m => item.ItemId)</td> 
       <td>@Html.DisplayFor(m => item.ItemId)</td> 
      </tr> 
      <tr> 
       <td>@Html.LabelFor(m => item.ItemCode)</td> 
       <td>@Html.TextBoxFor(m => item.ItemCode))</td> 
      </tr> 
      <tr> 
       <td><input type="submit" value="Approve" /></td> 
      </tr> 
     </table> 
    } 
} 

Cependant, dans le paramètre de méthode d'action du contrôleur I obtenir à la fois ItemId et ItemCode que respectivement 0 et null. Quel est le problème ici, quelqu'un pourrait-il vous aider s'il vous plaît? Comment pouvons-nous passer le viewmodel à l'action en utilisant ajax?

Answer 1

Le problème est très probablement que le classeur de modèle dans la vue ne sait pas comment lier votre liste de ApproveItemViewModel.

Voir cette réponse pour une explication: https://stackoverflow.com/a/21191624/2521893

@model IEnumerable<ApproveItemViewModel> 
@for (int i = 0; i < Model.Count; i++) 
{ 
    using (Ajax.BeginForm("ApproveItem", new AjaxOptions() 
         { 
          InsertionMode = InsertionMode.Replace, 
          HttpMethod = "POST", 
          UpdateTargetId = "dane" 
         })) 
    { 
     @Html.AntiForgeryToken() 
     @Html.ValidationSummary(true) 

     <table> 
      <tr> 
       <td>@Html.LabelFor(m => Model[i].ItemId)</td> 
       <td>@Html.DisplayFor(m => Model[i].ItemId)</td> 
      </tr> 
      <tr> 
       <td>@Html.LabelFor(m => Model[i].ItemCode)</td> 
       <td>@Html.TextBoxFor(m => Model[i].ItemCode))</td> 
      </tr> 
      <tr> 
       <td><input type="submit" value="Approve" /></td> 
      </tr> 
     </table> 
    } 
} 

Answer 2

cause de ce problème est le nom 'paramètre'. Vous devez garder le même nom pour le paramètre action de l'action du contrôleur (c.-à-d. Viewmodel) et le modèle de l'itération (item) du côté cshtml, alors seule la liaison devrait se produire. Voir les deux solutions différentes ci-dessous.

Solution 1: Modifier la page cshtml: - Remplacer @foreach (var article dans le modèle) avec @foreach (var viewmodel dans le modèle) -à-dire,

@foreach (var viewmodel in Model) 

Solution 2: Modifier contrôleur action: - Change le nom du paramètre de l'action ApproveItem. -à-dire,

[HttpPost] 
public JsonResult ApproveItem(ApproveItemViewModel item) 
{ 
    return Json(new { success = success }, JsonRequestBehavior.AllowGet); 
}