mvc3下拉列表绑定

时间:2012-08-05 16:23:10

标签: c# asp.net-mvc-3 binding html.dropdownlistfor

我是MVC3的新手,并尝试学习一些东西。使用Razor视图引擎。 mysql数据库。我有一张表,我保留了公司(companyID,companyName等)。我有一个具有相同属性的模型:

public class CompanyModel{
    public int companyID;
    public string companyName;
    ......
    ....
}

我想创建一个下拉列表来保存公司,向我显示公司名称,当我选择项目时,我需要能够访问公司ID。我可以查询表并在公司列表中包含所有行:

List<Company> companies = new List<Company>();
companies = getCompanies();

但我不知道如何将此列表与下拉列表绑定,以及如何在从我的控制器调用post方法后获取所选值。

任何帮助都将不胜感激。

1 个答案:

答案 0 :(得分:2)

您可以使用视图模型:

public class MyViewModel
{
    [DisplayName("Company")]
    public int CompanyId { get; set; }
    public IEnumerable<SelectListItem> Companies { get; set; }
}

然后让您的控制器操作实例化,填充并将此视图模型传递给视图:

public class CompaniesController: Controller
{
    public ActionResult Index()
    {
        List<Company> companies = getCompanies();

        var model = new MyViewModel();
        model.Companies = companies.Select(x => new SelectListItem
        {
            Value = x.companyID.ToString(),
            Text = x.companyName
        });
        return View(model);
    }

    [HttpPost]
    public ActionResult Index(MyViewModel model)
    {
        // model.CompanyId will contain the selected value here

        return Content(
            string.Format("You have selected company id: {0}", model.CompanyId)
        );
    }
}

最后是一个强类型视图,您可以在其中呈现包含下拉列表的HTML表单:

@model MyViewModel
@using (Html.BeginForm())
{
    @Html.LabelFor(x => x.CompanyId)
    @Html.DropDownListFor(x => x.CompanyId, Model.Companies)
    <button type="submit">OK</button>
}