ASP.NET MVC之下拉框绑定四种方式（十） - Recluse_Xpy_H5之家

前言

上两节我们讲了文件上传的问题，关于这个上传的问题还未结束，我也在花时间做做分割大文件处理以及显示进度的问题，到时完成的话再发表，为了不耽误学习MVC其他内容的计划，我们今天开始好好讲讲关于MVC中下拉框中绑定枚举的几种方式。

话题引入

一般在下拉框中绑定数据的话，分为几种情况。

（1）下拉框中的数据是写死的，我们直接给出死代码即可。

（2）下拉框中的数据从数据库中读取出来，从而进行显示。

（3）下拉框中直接用枚举显示。

（4）下拉框中一个选择的值改变另外一个下拉框中的值。

关于下拉框中绑定大概就是以上四种方式，接下来我们一一来破解，我们样式利用Bootstrap来表示，顺便也温习温习Bootstrap。

下拉框硬编码【一】

我们在控制器中给出如下数据并利用ViewBag来进行传递

ViewBag.hard_value = new List<SelectListItem>() { ,Text=}, ,Text=} };

在数据中进行如下绑定

@Html.DropDownList(, , ), })

下面我们来看看效果：

下拉框读取数据库【二】

这个要读取数据库，我们就给出一个类测试就ok，并给出默认选中值，测试类：

public class BlogCategory { public int CategoryId { get; set; } public string CategoryName { get; set; } }

绑定ViewBag传值：

categoryList = new List<BlogCategory>() { }, }, }, } }; var selectItemList = new List<SelectListItem>() { ,Text=,Selected=true} }; , ); selectItemList.AddRange(selectList); ViewBag.database = selectItemList;

视图稍加修改：

@Html.DropDownList(, ViewBag.database })

看看效果：

注意：上述视图中 ViewBag.database 需要进行转换否则出现如下错误：

CS1973: “System.Web.Mvc.HtmlHelper<dynamic>”没有名为“DropDownList”的适用方法，但似乎有一个具有该名称的扩展方法。扩展方法不能进行动态调度。请考虑强制转换动态参数，或调用该扩展方法但不使用扩展方法语法。

下拉框绑定枚举【三】（一）

我们同样给出一个测试类：

public enum Language { Chinese, English, Japan, Spanish, Urdu }

获取枚举值并绑定：

ViewBag.from_enum = Enum.GetValues(typeof(Language)).Cast<Language>();

视图给出：

@Html.DropDownList(, })

继续看看成果：

下拉框绑定枚举【三】（二）

利用扩展方法 @Html.EnumDropDownListFor 来实现。接下来依次给出两个类来进行演示：

public class StudentModel { [Display(Name = )] public ProgrammingLanguages Language { get; set; } }

public enum ProgrammingLanguages { [Display(Name = )] ASPNet, [Display(Name = )] CSharp, [Display(Name = )] Java, [Display(Name = )] ObjectiveC, [Display(Name = )] VBNet, [Display(Name = )] VisualDataFlex, [Display(Name = )] VisualFortran, [Display(Name = )] VisualFoxPro, [Display(Name = )] VisualJPlus }

在视图中进行绑定：

@Html.LabelFor(model => model.Language, htmlAttributes: new { @class = "control-label col-md-2" }) @Html.EnumDropDownListFor(model => model.Language, htmlAttributes: new { @class = "form-control" }) @Html.ValidationMessageFor(model => model.Language, "", new { @class = "text-danger" })

我们看看结果：

下拉框选择则另一个下拉框对应改变【四】

此例最合适的例子莫过于省市选择的案例。我们一起来看看。

（1）所属省、市一级雇员类。

public class Province { public int provinceId { get; set; } public string provinceName { get; set; } public string Abbr { get; set; } }

public class City { public int CityId { get; set; } public string CityName { get; set; } public int provinceId { get; set; } }