ASP.NET MVC Html.DropDownList popolato dalla chiamata Ajax al controller?

Question

Volevo creare un modello di editor per un tipo di campo che è rappresentato come elenco a discesa. Nella definizione del modello di editor mi piacerebbe popolare il DropDownList utilizzando una chiamata a un'azione sul controller che restituisce i risultati come JSON - Qualche idea su come farlo?

esempio qualcosa come:

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<TheFieldType>" %> 
<%= Html.DropDownList(..... 

Answer 1

in Editor modello fornire una discesa vuoto:

<%= Html.DropDownListFor(
    x => x.PropertyToHoldSelectedValue, 
    Enumerable.Empty<SelectListItem>(), 
    "-- Loading Values --", 
    new { id = "foo" }) 
%> 

Poi impostare un azione di controllo che restituirà i valori:

public class FooController: Controller 
{ 
    public ActionResult Index() 
    { 
     return Json(new[] { 
      new { Id = 1, Value = "value 1" }, 
      new { Id = 2, Value = "value 2" }, 
      new { Id = 3, Value = "value 3" }, 
     }, JsonRequestBehavior.AllowGet); 
    } 
} 

E quindi compila i valori utilizzando AJAX:

$(function() { 
    $.getJSON('/foo/index', function(result) { 
     var ddl = $('#foo'); 
     ddl.empty(); 
     $(result).each(function() { 
      $(document.createElement('option')) 
       .attr('value', this.Id) 
       .text(this.Value) 
       .appendTo(ddl); 
     }); 
    }); 
}); 

Answer 2

So che questo post ha qualche anno ma l'ho trovato e così potresti. Io uso la seguente soluzione e funziona molto bene. Forte digitato senza la necessità di scrivere una singola riga di Javascript.

mvc4ajaxdropdownlist.codeplex.com

È possibile scaricare tramite Visual Studio come un pacchetto NuGet.