MVC5下拉框绑定的方法(单选)
程序员文章站
2023-10-30 14:56:58
本文实例为大家分享了mvc5下拉框单选绑定的具体代码,供大家参考,具体内容如下
1.model
[display(name = "学历")]
public...
本文实例为大家分享了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();
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
推荐阅读
-
jquery单选框radio绑定click事件实现方法
-
JQuery1.8 判断元素是否绑定事件的方法教程
-
DevExpress的下拉框控件ComboxBoxEdit怎样绑定键值对选项
-
优酷绑定的qq号怎么解绑? 优酷账号注销的方法
-
Linux学习之CentOS(二十九)--Linux网卡高级命令、IP别名及多网卡绑定的方法
-
支付宝绑定的银行卡怎么解绑?支付宝绑定银行卡删除/解绑方法
-
Bluestacks安装apk文件的方法(绑定关联apk格式的程序)
-
vue checkbox 全选 数据的绑定及获取和计算方法
-
jquery1.10给新增元素绑定事件的方法
-
vue在自定义组件中使用v-model进行数据绑定的方法