ASP.NET MVC - DropDownLists Chargement en fonction de la valeur

Question

sélectionnée I ont une vue qui ressemble un peu similaire à ce

<% using (Html.BeginForm()) {%> 
    <%= Html.DropDownList("Category") %> 
    <%= Html.DropDownList("SubCategory") %> 
    <input type="submit" value="Print" /> 
    <%= Html.ActionLink("Cancel", "Index") %> 
<% } %> 

Je me demandais si quelqu'un savait comment je pouvais charger la sous-catégorie en fonction de la catégorie sélectionnée? Dans les formulaires Web, j'utiliserais simplement l'événement autopostback pour le faire, mais je suis un peu confus sur la façon de le faire en utilisant le framework mvc.

Merci à l'avance

Answer 1

Transformez votre vue comme ceci:

<% using (Html.BeginForm()) {%> 
    <%= Html.DropDownList("Category", Model.SelectList, new {onchange = "actualize(this);"}) %> 
    <div id="selectdiv"> 
    <% Html.RenderPartial("SubCategories"); %> 
    </div> 
    <input type="submit" value="Print" /> 
    <%= Html.ActionLink("Cancel", "Index") %> 
<% } %> 

<script type="text/javascript"> 

function actualize(obj) 
{ 
    $.ajax({ 
     url: url, 
     async: true, 
     type: 'POST', 
     data: { id: obj.value }, 
     dataType: 'text', 
     success: function(data) { $("#selectdiv").html(data); }, 
     error: function() { 
      console.log('Erreur'); 
     } 
    }); 
} 

</script> 

créer un contrôle appelé SubCategories.aspx et y inclure:

<%= Html.DropDownList("SubCategory",Model.SelectList) %> 

créer une classe de modèle

public class MyModel 
{ 
    public SelectList SelectList {get;set;} 
} 

créer un contrôleur action

public ActionResult SubCategories(int id) 
{ 
    MyModel model = new MyModel(); 
    model.SelectList = new SelectList(YourRepository.GetSubCategories(id),"Id","Name"); 
    return View(model); 
} 

Answer 2

Placez la liste déroulante dans un PartialView. Ensuite, lorsque vous postez revenir faire un retour PartialView ("viewName", modèle). Ensuite, dans le retour de votre jQuery, remplacez simplement la vue partielle par le nouveau html qui est retourné.

Alors vous êtes vu;

<div id="myPartialView"> 
    <% Html.PartialView("PartialViewName", model); %> 
</div> 

Ensuite, votre jQuery fait quelque chose comme

$('#myPartialView').html = retHtml; 

Votre C#

return PartialView("PartialViewName", model); 

Untested mais c'est l'approche que je pense que vous voulez prendre.