Asp.Net MVC中如何使用DropDownListFor

在Asp.Net MVC中可以用DropDownListFor的方式來讓用戶選擇已定列表中的一個數值。用法不復雜，這裡簡單做一個記錄。

首先我們要定義一個 Model，用戶在 DropDownList 中選擇指定的值賦給屬性ReadyTimeHour

public class EricSunModel
{
    public string ReadyTimeHour { get; set; }
}

Model定義完畢之後，接下來處理Controller的邏輯

【注：這裡用了ViewData來記錄DropDownList中所要顯示的所有列表數值】

public ActionResult EricSunAction()
{
    EricSunModel esModel = new EricSunModel();
    esModel.ReadyTimeHour = "00";
    
    GenerateReadyTimeViewData();
    
    return View(esModel);
}
    
private void GenerateReadyTimeViewData()
{
    ViewData["HourList"] = GetTimeHourList();
}
    
private List<SelectListItem> GetTimeHourList()
{
    List<SelectListItem> hourList = new List<SelectListItem>();
    
    for (int i = 0; i < 24; i++)
    {
        if (i < 10)
        {
            hourList.Add(new SelectListItem { Text = "0" + i.ToString(), Value = "0" + i.ToString() });
        }
        else
        {
            hourList.Add(new SelectListItem { Text = i.ToString(), Value = i.ToString() });
        }
    }
    
    return hourList;
}

接下來我們在View中可以用下面一行代碼來綁定DropDownList

【注：第一個參數為綁定Model中的屬性，即-->要為此屬性賦值】

【注：第二個參數為DropDownList的所有數據源】

@Html.DropDownListFor(m => m.ReadyTimeHour, ViewData["HourList"] as List<SelectListItem>)

截圖如下所示

查看本欄目