空のDropdownlistforを作成して、以前のDropdownlisforの選択の結果を受け取ります。
実際のビュー:
<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>
実際のコントローラー(空のSelectedListを作成する必要がありましたが、これを行う必要があるのは奇妙に思えます):
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);
}
次のようなものを構築する方法はありますか:@ Html.DropDownListFor(m => m.Model_Id、null)
そして、//モデルのドロップダウンリストをコントローラーから作成しますか?
ありがとう
空のドロップドロップリストを作成するサービス呼び出しがなく、強く型付けされているため、私が最善だと思うソリューションを見つけました:
@Html.DropDownListFor(m => m.Model_Id, Enumerable.Empty<SelectListItem>(), HeelpResources.DropdownlistModelFirstRecord)
以下が機能しています:
@Html.DropDownListFor(m => m.Model_Id, **new SelectList(new List<string>()**));
個人的には、少しjQueryと追加の部分ビューを使用してこれを行います。フォームは次のようになります。
<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>
そしてあなたのコントローラーで:
public ActionResult GetModels(int id)
{
ViewBag.DdlModels = new SelectList(rep.GetModelsForCar(id), "Id", "Name");
return PartialView();
}
次に、GetModelsパーシャルビューにドロップダウンリストを貼り付けます