Asp.net MVC5中Html.DropDownList的使用

2019-11-17 01:44:25

字體：大中小

來源：轉載

供稿：網友

asp.net MVC5中Html.DropDownList的使用

一.靜態下拉列表項的綁定

在下拉列表中綁定靜態項，我們可以通過 SelectListItem 的集合作為數據源的下拉列表。

1     @Html.DropDownList("dro在上面的代碼片段中，
第一個參數是下拉列表中的名稱；
第二個參數是 SelectListItem 要用作數據源的下拉列表中的集合和第三個參數是默認值，如果將選中"選擇 = true"不在任何的 SelectListItem 中指定。
第三個參數是在下拉列表中顯示的默認默認空項。
第四個參數是寫入下拉列表中的樣式/類或其他 HTML 屬性（ htmlObjectAttributes）。
二、綁定多個表數據@Html.DropDownList("Mult控制器操作方法代碼
var data = from p in db.PersonalDetails                       join f in db.Files                       on p.AutoId equals f.PersonalDetailsId                       select new                        {                           PersonName = p.FirstName,                           MyFileName = f.FileName                       };            SelectList list = new SelectList(data, "MyFileName", "PersonName");            ViewBag.Roles = list;
在上面的代碼片段中，我們加入了兩個表使用 LINQ，形成具有到 PersonName 和 MyFileName 屬性的對象。轉換成通過指定dataTextFileld 和dataValueField 的下拉列表。此時集合然后被設置為 ViewBag.Roles，用作數據源的下拉列表中的視圖。三、在下拉列表中綁定模型
在下拉列表中綁定一個模型屬性，使用下面的代碼片段。public IEnumerable<SelectListItem> Categories { get; set; }
在該控制器的操作方法中設置此屬性值，model.Categories = db.CategoryModels.Where(c => c.SectionId == sectionId && c.Active == true).OrderBy(ct => ct.CategoryName).ToList().Select(x => new SelectListItem { Value = x.CategoryId.ToString(), Text = x.CategoryName }).ToList();
在上面的代碼片段中，注意第三行的代碼中，是從列表中選擇的所有項目，創建SelectListItem 對象所指定的值為類別 id 和類別名稱作為文本。當此集合有界的下拉列表中時，類別 id 作為項的值和類別名稱用作下拉列表項的文本。四、更改下拉列表項的回發在 ASP.NET MVC 中的窗體中更改下拉列表項自動回發，我們可以在 htmlObjectAttributes 中這樣指定 onchange 屬性。
@Html.DropDownList("MultipleTables", ViewBag.Roles as SelectList, "Select ...", new { @class = "myClass", style = "width: 250px;", onchange = "this.form.submit();" })
在上面的代碼片段，onchange 屬性會迫使該窗體以提交它在服務器上，當用戶更改下拉列表中的選定內容。本文參考：http://www.dotnetfunda.com/articles/show/2918/working-with-dropdownlist-in-aspnet-mvc相關資源：http://www.survivalescaperooms.com/kirinboy/archive/2009/10/28/use-dropdownlist-in-asp-net-mvc.html