MVC/AJAX - envoi de la collection du modèle au contrôleur

Question

Dans une vue de liste fortement typée, j'essaie de transmettre les données actuelles (en tant que liste du modèle) à mon contrôleur via Ajax, pour qu'il puisse faire quelque chose avec ça.

Le problème auquel je suis confronté est que je n'arrive pas à transmettre la liste de données dans la vue actuelle à mon contrôleur. L'utilisation de la méthode AJAX sans paramètre fonctionne (mais j'ai besoin d'utiliser le paramètre, ou s'il y a un autre moyen de fournir ces informations à mon contrôleur?).

J'ai également essayé de faire une liste (test) lorsque la vue est en cours de construction, puis d'utiliser cette variable comme paramètre mais apparemment après construction la variable est vide?

vue Index

@model IEnumerable<databaseModel.cbms> 

@{ 
    ViewBag.Title = "Cbms Home"; 
    List<databaseModel.cbms> test = Model.ToList(); 
} 

@Ajax.ActionLink("productId", "AJX_SortByProductId", new { cbmsModel = test }, new AjaxOptions() 
        { 
         HttpMethod = "GET", 
         UpdateTargetId = "divCbms", 
         InsertionMode = InsertionMode.Replace 
        }) 

Contrôleur

public PartialViewResult AJX_SortByProductId(List<cbms> cbmsModel) 
     {    
      //Retrieves the data 
      List<cbms> model = cbms.SortByProductId(); 
      //Returns the partial view 
      return PartialView("_Cbms", model); 
     } 

Alors, quand je rentre dans le contrôleur, la liste cbmsModel est vide et je ne peux pas l'utiliser comme un paramètre. Je peux transmettre une chaîne sans problème, mais je veux une liste des données du modèle actuel sur ma vue.

EDIT:

Ce qui suit ne fonctionne pas non plus:

Modèle

@model IEnumerable<databaseModel.cbms> 

@{ 
    ViewBag.Title = "Cbms Home"; 
    List<databaseModel.cbms> test = Model.ToList(); 
    List<databaseModel.cbms> cbmsModel = new List<databaseModel.cbms>();  
    int i = 0; 
    foreach (databaseModel.cbms value in test) 
    { 
     i++; 
     TempData.Add(i.ToString(), value); 
    }   
} 


@Ajax.ActionLink("productId", "AJX_SortByProductId", new { cbmsModel = TempData.Values.ToList() }, new AjaxOptions() 
       { 
        HttpMethod = "GET", 
        UpdateTargetId = "divCbms", 
        InsertionMode = InsertionMode.Replace 
       }) 

Il en résulte encore dans le paramètre étant vide. Je ne comprends pas pourquoi ...

Answer 1

EDIT: S'il vous plaît voir le commentaire ci-dessous cette réponse avant de lire la réponse, car la réponse fournie ici ne fonctionnera dans une situation spécifique si seulement 1 utilisateur au plus se connectera avec le site.

J'ai résolu le problème de la façon suivante. C'est une manière sale, mais fait l'affaire. Il passe le TempData au contrôleur et vous faites juste une liste des éléments dans le TempData.

Voir

@model IEnumerable

@{ 
    ViewBag.Title = "Cbms Home"; 

    if (TempData != null) 
    { 
     TempData.Clear(); 
    } 
    int i = 0; 
    foreach (databaseModel.cbms value in Model.ToList()) 
    { 
     i++; 
     TempData.Add(i.ToString(), value); 
    }  
} 

Contrôleur

public PartialViewResult AJX_SortByProductId() 
    {    
     //Retrieves the data 
     List<object> viewDataList = TempData.Values.ToList(); 
     TempData.Clear(); 
     List<cbms> dataList = new List<cbms>(); 
     if (viewDataList != null) 
     { 
      foreach (cbms cbmsEntry in viewDataList) 
      { 
       dataList.Add(cbmsEntry); 
      } 
     } 
     List<cbms> model = cbms.SortByProductId(dataList); 

     //Returns the partial view 
     return PartialView("_Cbms", model); 
    } 

Answer 2

Je vois que vous utilisez Ajax.ActionLink, il est dangereux, car il va générer un lien => GET demande HTTP et ces demandes ont limitation: Get request limitations

Si vous voulez Envoyer un modèle "complexe" par Ajax, je recommande d'utiliser les requêtes POST qui n'ont pas de limitations. Je vois que vous n'avez pas de formulaires, si je comprends bien vous voulez avoir une vue avec les informations affichées & un bouton pour envoyer ces informations à l'action suivante. La seule façon de penser à cela est d'utiliser jquery ajax request & sérialisation de l'objet dans json. La sérialisation peut être faite directement dans la vue en utilisant des helpers ou JSON.NET ou vous pouvez afficher le résultat dans un tableau et obtenir vos informations en utilisant javascript.

$.ajax({ 
url : ""AJX_SortByProductId/productId", 
type: "POST", 
data : formData, //the data you want to send 
success: function(data, textStatus, jqXHR) 
{ 
    //data - response from server 
} 

});

Si vous voulez toujours utiliser @ Ajax.ActionLink, vous devez faire attention à l'URL et voir si le modèle est sérialisé correctement, le code HTML généré peut aider.