MVC5下拉框单选绑定的具体代码实现

这篇文章主要为大家详细介绍了MVC5下拉框绑定,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了MVC5下拉框单选绑定的具体代码,供大家参考,具体内容如下

1.Model


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

[Display(Name = 学历)]
[Required]
public int asdf { get; set; }    //学历这个字段的属性

2.controller

(1)先写一个程式绑定,可以通过数据库绑定或者直接绑定


[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是已经写好的帮助类,便于数据库的操作
     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  
<p class=form-group>
    @Html.LabelFor(m => m.agj03, new { @class = col-sm-2 control-label })
        <p 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 })
        </p>
 </p>

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

相关文章

目录简介使用JS互操作使用ClipLazor库创建项目使用方法简单测...
目录简介快速入门安装 NuGet 包实体类User数据库类DbFactory...
本文实现一个简单的配置类,原理比较简单,适用于一些小型项...
C#中Description特性主要用于枚举和属性,方法比较简单,记录...
[TOC] # 原理简介 本文参考[C#/WPF/WinForm/程序实现软件开机...
目录简介获取 HTML 文档解析 HTML 文档测试补充:使用 CSS 选...