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

补记：

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

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

如下图：

模型代码如下：

    public class SearchModel
    {
        public SearchModel()
        {
            SchoolList = new List<SelectListItem> { 
                //初始化学校列表的默认选项
                new SelectListItem{
                    Value="0",
                    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)

最后，定义数据来源

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

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

总结

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

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