Budowanie pusty MVC DropdownListFor na kaskadę podmenu

Question

Chciałbym zbudować pusty Dropdownlistfor otrzymanych wyników poprzedniej selekcji Dropdownlisfor:

Rzeczywisty widok:

<div id="makes"> 
     @Html.DropDownListFor(m => m.Make_Id, Model.MakeList, HeelpResources.DropdownlistMakeFirstRecord) 
    </div> 
    <div id="models"> 
     @Html.DropDownListFor(m => m.Model_Id, Model.ModelList, HeelpResources.DropdownlistModelFirstRecord) 
    </div>   

Rzeczywista Controller (do pracy musiałem zbudować pusty SelectedList ale wydaje się dziwne, aby to zrobić):

public virtual ActionResult Create() 
    { 
     // Build the Dropdownlist for the Makes 
     var makesDto = _makeService.ListAllMakes(); 
     var makesViewModel = Mapper.Map<IList<MakeDto>, IList<MakeViewModel>>(makesDto); 

     // Build the Dropdownlist for the Models 
     var makeId = -1; 
     var modelsDto = _modelService.ListModelByMake(makeId); 
     var modelsViewModel = Mapper.Map<IList<ModelDto>, IList<ModelViewModel>>(modelsDto); 

     // Build the ViewModel to return to the View 
     CreateAdViewModel viewModel = new CreateAdViewModel(); 
     viewModel.MakeList = new SelectList(makesViewModel, "ID", "Name"); 
     viewModel.ModelList = new SelectList(modelsViewModel, "ID", "Name"); 

     return View(viewModel); 
    } 

Czy istnieje sposób, aby zbudować coś takiego: @ Html.DropDownListFor (m => m.Model_Id, null)

I usunąć // Zbudować listę rozwijaną dla modeli ze sterownika?

Dzięki

Answer 1

dół znalazł rozwiązanie, które moim zdaniem jest najlepszy, ponieważ nie jest to wezwanie serwisowe do zbudowania pustej listy upuszczeń i jest silnie wpisane:

@Html.DropDownListFor(m => m.Model_Id, Enumerable.Empty<SelectListItem>(), HeelpResources.DropdownlistModelFirstRecord) 

Answer 2

Osobiście chciałbym to zrobić z odrobiną jQuery i dodatkowego widoku częściowym. Formularz może wyglądać następująco:

<div id="makes"> 
     @Html.DropDownListFor(m => m.Make_Id, Model.MakeList, HeelpResources.DropdownlistMakeFirstRecord) 
</div> 
<div id="models"> 

</div> 

<script type="text/javascript"> 
$(function(){ 
    $("#Make_Id").change(function(){ 
     $("#models").load("/Controller_Name/GetModels/" + this.val()); 
    } 
}); 
</script> 

a następnie w kontrolerze:

public ActionResult GetModels(int id) 
{ 
    ViewBag.DdlModels = new SelectList(rep.GetModelsForCar(id), "Id", "Name"); 
    return PartialView(); 
} 

a potem po prostu trzymać rozwijaną listę w getModels częściowy widok

Answer 3

Poniższy pracuje:

@Html.DropDownListFor(m => m.Model_Id, **new SelectList(new List<string>()**));