MVC5下拉框绑定的方法(单选)
更新时间:2017年06月29日 10:10:56 作者:百变小樱007
这篇文章主要为大家详细介绍了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
<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();
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
相关文章
浅谈ASP.NET Core中间件实现分布式 Session
这篇文章主要介绍了浅谈ASP.NET Core中间件实现分布式 Session,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧2017-11-11
使用vs2019加.net core 对WeiApi的创建过程详解
这篇文章主要介绍了使用vs2019加.net core 对WeiApi的创建,本文通过图文并茂的形式给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-07-07
ASP.NET百度Ueditor编辑器实现上传图片添加水印效果
这篇文章主要给大家介绍了ASP.NET百度Ueditor编辑器1.4.3这个版本实现上传图片添加水印效果的相关资料,文中通过图文及示例代码介绍的非常详细,相信对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。2017-03-03


最新评论