在MVC中,當涉及到強類型編輯頁,如果有select元素,需要根據當前Model的某個屬性值,讓Select的某項選中。本篇只整理思路,不涉及完整代碼。
□ 思路
往前台視圖傳的類型是List<SelectListItem>,把SelectListItem選中項的Selected屬性設置為true,再把該類型對象實例放到ViewBag,ViewData或Model中傳遞給前台視圖。
通過遍歷List<SelectListItem>類型對象實例
□ 控制器
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
public class Department { public int Id {get;set;} public string Name {get;set;} public bool IsSelected {get;set;} }
□ 控制器
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(); }
下面是其它網友的補充:
後台代碼:
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>