MVC2 Html.DropDownList資料繫結

看了很多關於MVC2.0架構的BLOG之後，我也學學自己的一些簡單例子，就當是自己開始正式入門的學習吧。這裡我將簡單示範怎麼為下拉框綁定資料。網上也有很多這部分的例子，大家可以尋找相關的資料。那麼下面我將講講下拉框的綁定實現，具體如下步驟：

 

 

(1)用VS2010建立一個"New Project"->選擇語言（我的是Visual C# ->Web方向）->ASP.NET MVC 2 Web Application->改工程名為MvcApplication->OK按鈕

完成後如所示：

 

(2)在控制項器Controllers目錄的HomeController.cs檔案裡加上下拉框繫結資料代碼如下：

using System;<br />using System.Collections.Generic;<br />using System.Linq;<br />using System.Web;<br />using System.Web.Mvc;</p><p>namespace MvcApplication.Controllers<br />{<br /> [HandleError]<br /> public class HomeController : Controller<br /> {<br /> public ActionResult Index()<br /> {<br /> List<SelectListItem> lsSelItem = new List<SelectListItem>();<br /> SelectListItem sel = new SelectListItem();<br /> sel.Value = "http://www.csdn.net";<br /> sel.Text = "CSDN";<br /> lsSelItem.Add(sel);<br /> sel = new SelectListItem();<br /> sel.Value = "http://www.nopchina.com";<br /> sel.Text = "NopChina";<br /> lsSelItem.Add(sel);<br /> sel = new SelectListItem();<br /> sel.Value = "http://blog.csdn.net/csdbfans";<br /> sel.Text = "Csdbfans BLOG";<br /> lsSelItem.Add(sel);</p><p> SelectList ddlSelData = new SelectList(lsSelItem.AsEnumerable(), "Value", "Text", "http://www.cnblogs.com");<br /> ViewData["ddlTestData"] = ddlSelData;<br /> return View();<br /> }</p><p> public ActionResult About()<br /> {<br /> return View();<br /> }</p><p> }<br />}

 

(3)通過ViewData["ddlTestData"] = ddlSelData;把資料傳遞到View視圖Index.aspx頁面展示，視圖代碼如下：

<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %></p><p><asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server"><br /> Home Page<br /></asp:Content></p><p><asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"><br /> <p><br /> To learn more about ASP.NET MVC visit <a href="http://asp.net/mvc" mce_href="http://asp.net/mvc" title="ASP.NET MVC Website">http://asp.net/mvc</a>.<br /><br /> <%=Html.DropDownList("ddlTest",ViewData["ddlTestData"] as SelectList) %><br /> </p><br /></asp:Content><br />

 

最後的話，你Ctrl+F5執行一下就可以出結果了.因為連接埠號碼不惟一，所以地址就不作為一個例子展現出來，不然又會誤導人了。

謝謝！