2020年4月7日 星期二

資料列舉清單 - select

http://www.kangting.tw/2015/10/select.html

@Html.DropDownList("days", new List<SelectListItem>
   {
    new SelectListItem { Text = "MONDAY", Value = "1"},
    new SelectListItem { Text = "TUESDAY", Value = "2"},
    new SelectListItem { Text = "WEDNESDAY", Value = "3"},
    new SelectListItem { Text = "THUSDAY", Value = "4"},
    new SelectListItem { Text = "FRIDAY", Value = "5"},
    new SelectListItem { Text = "SATURDAY", Value = "6"},
    new SelectListItem { Text = "SUNDAY", Value = "7"}
})

SelectListItem讓我們自行設定每一個清單項目所要顯示的文字以及對應的value屬性值,這一段配置會得到以下的結果。

<select id="days" name="days"><option value="1">MONDAY</option>
<option value="2">TUESDAY</option>
<option value="3">WEDNESDAY</option>
<option value="4">THUSDAY</option>
<option value="5">FRIDAY</option>
<option value="6">SATURDAY</option>
<option value="7">SUNDAY</option>
</select>

另外於 SelectList 建構式中傳入 listItems,並且指定其中作為Value與Text屬性值的欄位名稱,如此一來會建立上述相同的下拉式選單。

@Html.DropDownList("days", new SelectList(listItems, "Value", "Text"))

至於清單格式的 ListBox 原理相同,請自行測試。

沒有留言:

張貼留言