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控件的使用。