Cómo llenar un @ mtml.dropdownlist asistente de mvc utilizando JSon

Question

Tengo un <select> que está cargado por un JSon. Pero quiero usar "@ html.dropdownlist helper" en su lugar. Mi JSON es:

function LoadSites() { 
$("SelectSite").html(""); 
$.getJSON("/Pedido/GetSite", null, function (data) { 
    $("#SelectSite").append("<option value=0>Selecione...</option>"); 
    $.each(data.Result, function (index, site) { 
     $("#SelectSite").append("<option value='" + site.Id + "'>" + site.Nome + "</option>"); 
    }); 
}); 

este JSON pueblan este ...

<select id="SelectSite"></select> 

mi controlador:

 [HttpGet] 
    public JsonResult GetSite() 
    { 
     Repository<Site> siteRepo = new Repository<Site>(unitOfWork.Session); 
     return this.Json(new { Result = siteRepo.All() }, JsonRequestBehavior.AllowGet); 
    } 

Quiero mi código reutilizable y más auto-documentado. ¿Cómo puedo enviar el objeto "sitio" de JSon a "cshtml" usando la lista desplegable para hacer algo como @html.dropdownlist(site.id, site.Nome) ???

¿Hay alguna manera?

Tks chicos.

Answer 1

En su opinión:

@Html.DropDownListFor(x => x.SiteId, new SelectList(Enumerable.Empty<SelectListItem>())) 

donde SiteId es una propiedad de nuestro modelo de vista que recibirá el ID de sitio seleccionado cuando se envía el formulario.

y entonces se podría llenar esta lista desplegable usando AJAX:

$(function() { 
    $.getJSON('@Url.Action("GetSite", "Pedido")', function(result) { 
     var ddl = $('#SiteId'); 
     ddl.empty(); 
     $(result).each(function() { 
      ddl.append(
       $('<option/>', { 
        value: this.Id 
       }).html(this.Nome) 
      ); 
     }); 
    }); 
}); 

y la acción del controlador que devolver los datos JSON:

public ActionResult GetSite() 
{ 
    var sites = new[] 
    { 
     new { Id = "1", Nome = "site 1" }, 
     new { Id = "2", Nome = "site 3" }, 
     new { Id = "3", Nome = "site 3" }, 
    }; 
    return Json(sites, JsonRequestBehavior.AllowGet); 
}