ASP.NET MVC中為DropDownListFor設置選中項的方法
2024-07-10 13:28:18
供稿：網友
這篇文章主要介紹了ASP.NET MVC中為DropDownListFor設置選中項的方法,需要的朋友可以參考下
在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.
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>
