1. 程式人生 > >ASP.NET MVC中為DropDownListFor設置選中項的方法

ASP.NET MVC中為DropDownListFor設置選中項的方法

相等 ret info href submit value and number else

在MVC中,當涉及到強類型編輯頁,如果有select元素,需要根據當前Model的某個屬性值,讓Select的某項選中。本篇只整理思路,不涉及完整代碼。

□ 思路

往前臺視圖傳的類型是List<SelectListItem>,把SelectListItem選中項的Selected屬性設置為true,再把該類型對象實例放到ViewBag,ViewData或Model中傳遞給前臺視圖。

通過遍歷List<SelectListItem>類型對象實例

□ 控制器

?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 public ActionResult SomeAction(int id) { //從數據庫獲取Domain Model var domainModel = ModelService.LoadEntities(m => m.ID == id).FirstOrDefault<Model>(); //通過某個方法獲取List<SelectListItem>類型對象實例 List<SelectListItem> items = SomeMethod(); //遍歷集合,如果當前Domain model的某個屬性與SelectListItem的Value屬性相等,把SelectListItem的Selected屬性設置為true
foreach(SelectListItem item in items) { if(item.Value == Convert.ToString(domainModel.某屬性)) { item.Selected = true; } } //把List<SelectListItem>集合對象實例放到ViewData中 ViewData["somekey"] = items; //可能涉及到把Domain Model轉換成View Model return PartialView(domainModel);
}

□ 前臺視圖顯示

@model DomainModel
@Html.DropDownListFor(m => m.SomeProperty,(List<SelectListItem>)ViewData["somekey"],"==請選擇==")

通過遍歷Model集合

給View Model設置一個bool類型的字段,描述是否被選中。
把Model的某些屬性作為SelectListItem的Text和Value值。根據View Model中的布爾屬性判斷是否要把SelectListItem的Selected設置為true.

□ View Model

?
1 2 3 4 5 6 public class Department { public int Id {get;set;} public string Name {get;set;} public bool IsSelected {get;set;} }

□ 控制器

?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 public ActionResult Index() { SampleDbContext db = new SampleDbContext(); List<SelectListItem> selectListItems = new List<SelectListItem>(); //遍歷Department的集合 foreach(Department department in db.Departments) { SelectListItem = new SelectListItem { Text = department.Name, Value = department.Id.ToString(), Selected = department.IsSelected.HasValue ? department.IsSelected.Value : false } selectListItems.Add(selectListItem); } ViewBag.Departments = selectListItems; return View(); }

下面是其它網友的補充:

後臺代碼:

?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 public ActionResult Index(FormCollection collection) { IList<Project> li = Utility.SqlHelper.getProjectList(); SelectList selec = new SelectList(li, "ID", "Name"); if (collection["drop"] != null) { string projectID = collection["drop"]; selec = new SelectList(li, "ID", "Name", projectID);//根據返回的選中項值設置選中項 ViewData["ruturned"] = collection["drop"]; } ViewData["drop"] = selec; return View(); }

前端代碼:

@using (Html.BeginForm()){
@Html.DropDownList("drop", ViewData["d"] as SelectList)
<input type="submit" value="查看對應分組列表" />
}
<p> 當前項目ID: @ViewData["ruturned"]</p>

ASP.NET MVC中為DropDownListFor設置選中項的方法