ASP.NET MVC4.0 控件的应用(二)

　　上一篇介绍了MVC4.0的Lable、TextBox控件的基本使用语法，因为此两种控件的使用都比较简单，所有简单的介绍。今天继续介绍DropDownList控件使用，此控件是我们开发过程中经常使用，由于国内对MVC4.0控件的文字不多，很多都是写个例子，没有系列介绍控件的使用。

　　今天记录下DropDownList控件使用，在MVC类库中实例DropDownList类的时候也提供好几个参数设置，如下一一介绍各个参数的设置：

　　1、设置一个Name的基本属性，此方法也是最基础的实例，因为需要SelectListItem，如果没有选项的话就赋一个List<SelectListItem>()对象值。

<!-- 最基本用法 -->
<b>例子一：</b>@Html.DropDownList("ddlName"， (IEnumerable<SelectListItem>) new List<SelectListItem>(), "-- 请选择 --")

　　结果为：

<select id="ddlName" name="ddlName"><option value="">-- 请选择 --</option></select>

 

　　2、下来我们看下读取后台数据绑定选项

<b>例子二：</b>@Html.DropDownList("ddlName", (IEnumerable<SelectListItem>)ViewBag.Selection, "-- 请选择 --")

　　Controller 里面的代码

var item1 = new SelectListItem() { Text = "AA", Value = "11" };
var item2 = new SelectListItem() { Text = "BB", Value = "22" };
var ddlItem = new List<SelectListItem>();
ddlItem.Add(item1);
ddlItem.Add(item2);
ViewBag.Selection = ddlItem;

　　生成html代码如下：

<b>例子三：</b><select id="Selection" name="Selection"><option value="">-- 请选择 --</option>
<option value="11">AA</option>
<option value="22">BB</option>

　　一般开发都是通过linq 检索一个数据集的某两项数据显示，可以直接通过下面的代码例子：

List<Category> list = new List<Category>();
 list.Add(new Category() { ID = Guid.NewGuid(), Name = "AAA", UpdateDate = DateTime.Now });
 list.Add(new Category() { ID = Guid.NewGuid(), Name = "BBB", UpdateDate = DateTime.Now });
 list.Add(new Category() { ID = Guid.NewGuid(), Name = "CCC", UpdateDate = DateTime.Now });

IEnumerable ddlList = from u in list
                          select new SelectListItem
                          {
                              Text = u.Name,
                              Value = u.ID.ToString()
                          };
 ViewBag.Selection = ddlList;

　　把一个IEnumerable直接绑定给ViewBag容器传递到View。

 

　　3、接下来我们看下对DropDownList加入一些HTML标签属性

<b>例子三：</b>@Html.DropDownList("ddlName", (IEnumerable<SelectListItem>)ViewBag.Selection, "-- 请选择 --", new { style="font-size:14px; color: #00ffee;", @class="ddlCss" })

　　生成的HTML代码如下：

<b>例子三：</b><select class="ddlCss" id="ddlName" name="ddlName" style="font-size:14px; color: #00ffee;">
<option value="">-- 请选择 --</option>
<option value="11">AA</option>
<option value="22">BB</option>
</select>

 

　　ASP.NET MVC4.0中DropDownList控件基本使用就暂时介绍到这里，下篇介绍CheckBox控件的使用。