详解ASP.NET MVC之下拉框绑定四种方式

前言

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

话题引入

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

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

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

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

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

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

下拉框硬编码【一】

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

ViewBag.hard_value = new List<SelectListItem>() {

new SelectListItem(){Value="0",Text="xpy0928"},

new SelectListItem(){Value="1",Text="cnblogs"}

};

在数据中进行如下绑定

复制代码代码如下:

@Html.DropDownList("hard-code-dropdownlist", new SelectList(ViewBag.hard_value, "Value", "Text"), new { @class = "btn btn-success dropdown-toggle form-control" })

下面我们来看看效果：

详解ASP.NET MVC之下拉框绑定四种方式

下拉框读取数据库【二】

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

public class BlogCategory

{

public int CategoryId { get; set; }

public string CategoryName { get; set; }

}

绑定ViewBag传值：

//从数据库中读取

var categoryList = new List<BlogCategory>() {

new BlogCategory(){CategoryId=1,CategoryName="C#"},

new BlogCategory(){CategoryId=2,CategoryName="Java"},

new BlogCategory(){CategoryId=3,CategoryName="JavaScript"},

new BlogCategory(){CategoryId=4,CategoryName="C"}

};

var selectItemList = new List<SelectListItem>() {

new SelectListItem(){Value="0",Text="全部",Selected=true}

};

var selectList = new SelectList(categoryList, "CategoryId", "CategoryName");

selectItemList.AddRange(selectList);

ViewBag.database = selectItemList;

视图稍加修改：

复制代码代码如下:

@Html.DropDownList("database-dropdownlist", ViewBag.database as IEnumerable<SelectListItem>, new { @class = "btn btn-success dropdown-toggle form-control" })

看看效果：

详解ASP.NET MVC之下拉框绑定四种方式