在MVC3中的下拉列表中设置所选项目

时间:2014-05-10 09:32:04

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

我必须在视图中为下拉列表设置所选项目。但它不起作用。

//查看

<div class="editor-label">
            @Html.LabelFor(model => model.Gender)
        </div>
        <div class="editor-field">
           @Html.DropDownListFor(model => model.Gender,Model.GenderList)
        </div>

//型号

[Required(ErrorMessage = "Please select gender!")]
        [Display(Name = "Gender")]
        public string Gender { get; set; }

  public IEnumerable<SelectListItem> GenderList
        {
            get
            {
                return new[]
            {
                new SelectListItem { Value = "0", Text = "Select" },
                new SelectListItem { Value = "1", Text = "Male" },
                new SelectListItem { Value = "2", Text = "Female" },
            };
            }
        }

性别属性的值需要在列表中选择。仍然没有工作。

我哪里错了?

2 个答案:

答案 0 :(得分:5)

首先,创建ViewModel。

public class MovieViewModel
{
    public string Genre { get; set; }

    public IEnumerable<SelectListItem> GenreList
    {
        get
        {
            yield return new SelectListItem { Text = "Comedy", Value = "1" };
            yield return new SelectListItem { Text = "Drama", Value = "2" };
            yield return new SelectListItem { Text = "Documentary", Value = "3" };
        }
    }
}

然后,您的控制器会创建此ViewModel的新实例并将其发送到视图。

public class HomeController : Controller
{
    //
    // GET: /Home/
    public ActionResult Index()
    {
        var viewModel = new MovieViewModel
        {
            Genre = "2"
        };

        return View(viewModel);
    }
}

最后,视图使用ASP.NET包装器[Html.DropDownListFor()] [1]显示下拉列表。

@model MvcApplication1.Models.MovieViewModel

<!DOCTYPE html>

<html>
<head>
    <title>My movie</title>
</head>
<body>
    <div>
        @Html.DropDownListFor(m => m.Genre, Model.GenreList)
    </div>
</body>
</html>

然后根据ViewModel自动选择所选值。无需手动设置对象 SelectListitem Selected 属性。

答案 1 :(得分:-2)

SelectListItem类型具有Selected属性,您需要将true设置为您要设置为所选项目。

您可以静态设置它,如下所示:

public IEnumerable<SelectListItem> GenderList
    {
        get
        {
            [...]
            new SelectListItem { Value = "0", Text = "Select", Selected = true},
            [...]
        }
    }

或者在集合中枚举与Gender值匹配的内容:

var selected = GenderList.SingleOrDefault(item => item.Text.Equals(this.Gender));
if (selected != null)
    selected.Selected = true;