在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>