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; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; namespace MvcApplication.Controllers { [HandleError] public class HomeController : Controller { public ActionResult Index() { List<SelectListItem> lsSelItem = new List<SelectListItem>(); SelectListItem sel = new SelectListItem(); sel.Value = "http://www.youkuaiyun.com"; sel.Text = "优快云"; lsSelItem.Add(sel); sel = new SelectListItem(); sel.Value = "http://www.nopchina.com"; sel.Text = "NopChina"; lsSelItem.Add(sel); sel = new SelectListItem(); sel.Value = "http://blog.youkuaiyun.com/csdbfans"; sel.Text = "Csdbfans BLOG"; lsSelItem.Add(sel); SelectList ddlSelData = new SelectList(lsSelItem.AsEnumerable(), "Value", "Text", "http://www.cnblogs.com"); ViewData["ddlTestData"] = ddlSelData; return View(); } public ActionResult About() { return View(); } } }

 

(3)通过ViewData["ddlTestData"] = ddlSelData;把数据传递到View视图Index.aspx页面展示，视图代码如下：

<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %> <asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server"> Home Page </asp:Content> <asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> <p> 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 /> <%=Html.DropDownList("ddlTest",ViewData["ddlTestData"] as SelectList) %> </p> </asp:Content>

 

最后的话，你Ctrl+F5执行一下就可以出结果了.因为端口号不惟一，所以地址就不作为一个例子展现出来，不然又会误导人了。

谢谢！