IT轮子系列（一）——DropDownList 的绑定（二）

补记：

今天在阅读公司项目代码的时候，发现MVC中的dropdownlist已经封装了数据绑定方式。相对于第一篇文章，这样的方式更简便、简洁。现记录如下：

首先，创建我们的数据模型

如下图：

模型代码如下：

     public class SearchModel
     {
         public SearchModel()
         {
             SchoolList = new List<SelectListItem> {
                 //初始化学校列表的默认选项
                 new SelectListItem{
                     Value="",
                     Text="--请选择--"
                 }
             };
         }
         /// <summary>
         /// 学校编号
         /// </summary>
         public int SchoolId { get; set; }
         /// <summary>
         /// 学校列表数据源
         /// </summary>
         public List<SelectListItem> SchoolList { get; set; }
     }

搜索模型

其次，在页面中引入模型

 @using ITWheels.WebUI.Models
 @model SearchModel
 @{
     ViewBag.Title = "Index";
 }

 <h2>MVC中drownlist的数据绑定</h2>

 @Html.DropDownListFor(t=>t.SchoolId,Model.SchoolList)

Index 视图

最后，定义数据来源

 public ActionResult Index()
         {
             SearchModel search = new SearchModel();
             /*
              * 添加数据源
              * 1、在实际项目当中，数据源来自于数据库返回的List,
              * 这时可以遍历这个List，逐个添加到SchoolList中。
              */
             search.SchoolList.Add(new SelectListItem {
                 Value="",
                 Text="北京大学"
             });
             search.SchoolList.Add(new SelectListItem
             {
                 Value = "",
                 Text = "清华大学"
             });
             //设置选项
             search.SchoolId = ;//这时，界面显示的就是北京大学。这个值也是可以根据实际情况获取而得。
             return View(search);
         }

Index 后台

一切就准备就绪，F5 运行项目。

总结

一个重要的知识点是：@Html.DropDownListFor(t=>t.SchoolId,Model.SchoolList)

最后，祝大家双十一快乐，剁手的提前检查网络，检查支付宝余额.... 晚安 23:44:08。同时，也希望这篇文章能帮助到大家。