MVC 4/5添加静态下拉列表以进行验证注册

时间:2014-05-01 14:30:01

标签: c# asp.net-mvc-4 drop-down-menu model

在注册页面上,我为vdab学生添加了一个下拉列表:是/否但是视图模型中描述的验证无法正常工作(我想这是因为我使用了ViewBag而不是模型?)

有人可以帮我创建下拉菜单,以便我可以这样使用:

@Html.DropDownFor(x => x.Something, Model.Something, "Select a component type" )

这就是我所拥有的:

IdentityModel

public class ApplicationUser : IdentityUser
{

    public virtual Person Person { get; set; }

}

public class Person
{
    public virtual Klas Klas { get; set; }
    public int Id { get; set; }
    public string Voornaam { get; set; }
    public string Familienaam { get; set; }
    public bool Vdab { get; set; }
}
public class Klas
{
    public int Id { get; set; }
    public string Omschrijving { get; set; }

}
public class ApplicationDbContext : IdentityDbContext<ApplicationUser>
{
    public ApplicationDbContext()
        : base("ConnectionString")
    {
    }
}

RegisterViewModel:

public class RegisterViewModel
{
    [Required]
    [Display(Name = "Gebruikersnaam")]
    public string UserName { get; set; }

    [Required]
    [StringLength(100, ErrorMessage = "Het {0} moet misntens {2} Karakters lang zijn.", MinimumLength = 6)]
    [DataType(DataType.Password)]
    [Display(Name = "Wachtwoord")]
    public string Password { get; set; }

    [DataType(DataType.Password)]
    [Display(Name = "Bevestig Wachtwoord")]
    [Compare("Password", ErrorMessage = "De wachtwoorden komen niet overeen")]
    public string ConfirmPassword { get; set; }

    [Required]
    [Display(Name = "Voornaam")]
    public string Voornaam { get; set; }

    [Required]
    [Display(Name = "Familienaam")]
    public string Familienaam { get; set; }

    [Required]
    [Display(Name = "Klas")]
    public string Klas { get; set; }

    [Required]      
    [Display(Name = "Vdab Student")]
    public bool Vdab { get; set; }

}

在AcountController中:

      [AllowAnonymous]
    public ActionResult Register()
    {
        var Vdab = new SelectList(new[] { new { ID = "1", Name = "Ja" }, new { ID = "0", Name = "Nee" }, }, "ID", "Name", 1);
        ViewBag.Vdab = Vdab;
        return View();
    }

最后,我用剃须刀显示视图中的下拉列表

     <div class="form-group">
             @Html.LabelFor(m => m.Vdab, new { @class = "col-md-2 control-label" })
             <div class="col-md-10">

                 @Html.DropDownList("Vdab", @ViewBag.Vdab as SelectList, "----Maak een keuze ----")
             </div>
         </div>

3 个答案:

答案 0 :(得分:0)

您可以使用:

 @Html.DropDownList("Vdab", @ViewBag.Vdab as SelectList, "----Maak een keuze ----")

只需在你的控制器中就可以这样做:

   [AllowAnonymous]
public ActionResult Register()
{
   List<SelectListItem> myList =new List<SelectListItem>();
   myList.Add(new SelectListItem { Value = bool.TrueString, Text = "Ja" });
   myList.Add(new SelectListItem { Value = bool.FalseString, Text = "Nee" });

    var Vdab = new SelectList(myList,"Value","Text");

    ViewBag.Vdab = Vdab;
    return View();
}

答案 1 :(得分:-1)

将此添加到RegisterViewModelClass:

public IEnumerable<SelectListItem> VdabSelectList { get; set; }

在控制器中:

[AllowAnonymous]
public ActionResult Register()
{
    RegisterViewModel viewModel = new RegisterViewModel();
    viewModel.VdabSelectList = new[]
        {
            new SelectListItem { Value = bool.TrueString, Text = "Ja" },
            new SelectListItem { Value = bool.FalseString, Text = "Nee" }
        }
    return View(viewModel);
}

[HttpPost]
public ActionResult Register(RegisterViewModel _viewModel)
{
    //Do stuff with form data...
}

最后,将其添加到您的视图中:

 <div class="form-group">
     @Html.LabelFor(m => m.Vdab, new { @class = "col-md-2 control-label" })
     <div class="col-md-10">
         @Html.DropDownListFor(m => m.vDab, new SelectList(m.VdabSelectList, "Value", "Text"))
     </div>
 </div>

免责声明:我没有尝试使用布尔值的DropDownListFor,但基于this post,它看起来应该可以工作。我总是使用单选按钮来表示布尔值,如下所示:

@Html.RadioButtonFor(m => m.Vdab, true)Ja
@Html.RadioButtonFor(m => m.Vdab, false)Nee

答案 2 :(得分:-1)

您的问题很简单,您已指定您的模型类型为bool。 Bool是一个值类型,并且总是包含一个值,因此验证永远不会失败,无论如何。它始终至少包含默认值,即false。

您希望将类型设为可为空。

[Required]      
[Display(Name = "Vdab Student")]
public bool? Vdab { get; set; }

现在,您所需的验证将正常工作,您的原始(和正确的)Html帮助程序将起作用。

@Html.DropDownFor(x => x.Something, Model.SomethingList, "Select a component type" )

警告词虽然..将您的列表更改为Model.SomethigList,使用您所选项目和列表的相同名称可能会导致很多问题。