ASP.NET MVC之下拉框绑定四种方式(十) - Recluse_

      2020-06-30 15:32      HTML5
前言

上两节我们讲了文件上传的问题,关于这个上传的问题还未结束,我也在花时间做做分割大文件处理以及显示进度的问题,到时完成的话再发表,为了不耽误学习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; }}