MVC5下拉框綁定的示例分析

這篇文章將為大家詳細講解有關MVC5下拉框綁定的示例分析，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

具體內(nèi)容如下

1.Model

[Display(Name = "學歷")]
 public ICollection<System.Web.Mvc.SelectListItem> asdflist{ get; set; }  //下拉框的類型

[Display(Name = "學歷")]
[Required]
public int asdf { get; set; }    //學歷這個字段的屬性

2.controller

(1)先寫一個程式綁定,可以通過數(shù)據(jù)庫綁定或者直接綁定

[Description("學歷")]
[LoginAllowView]
 private List<SelectListItem> bind_Education()
{
     StringBuilder sb = new StringBuilder();
     sb.Append(" select id,name ");
     sb.Append(" from Edu_file ");
     DataTable dt = sqlHelp.getData(sb.ToString());//sqlHelp是已經(jīng)寫好的幫助類,便于數(shù)據(jù)庫的操作
     var factorOptions = dt.AsEnumerable().Select(row => new SelectListItem
      {
        Text = row["name"],
        Value = row["id"]
      }).ToList();
      return factorOptions;
}

[Description("學歷")]
[LoginAllowView]
private List<SelectListItem> bind_Education()
{
    List<SelectListItem> listItem = new List<SelectListItem>();
    listItem.Add(new SelectListItem { Text = "本科", Value = "1" });
    listItem.Add(new SelectListItem { Text = "碩士", Value = "2" });
     listItem.Add(new SelectListItem { Text = "博士", Value = "3" });
     return listItem;
 }

(2)初始化,并傳給視圖

[Description("我的學歷")]
[UIExceptionResult]
 public ActionResult Edu()
{
    var edu= new EduModel();
    edu.asdflist=bind_Education();  //初始化下拉框的值
    return View(edu);
 }

3.視圖

@model RsJob.Web.Models.EduModel  
<div class="form-group">
    @Html.LabelFor(m => m.agj03, new { @class = "col-sm-2 control-label" })
        <div class="col-sm-10">
          @Html.DropDownListFor(model => model.asdf, Model.asdflist, new { @class = "form-control select2", style = "width: 100%;" })
          @Html.ValidationMessageFor(m => m.asdf, "", new { @class = "text-danger" })
        </div>
 </div>

select2是bootstrap的樣式,js添加:$('.select2').select2();

關于“MVC5下拉框綁定的示例分析”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。