在我的 ASP.NET-MVC 5 razor 表单中显示强类型下拉列表答案

【问题标题】：Show strongly typed dropdowlist in my ASP.NET-MVC5 razor form在我的 ASP.NET-MVC 5 razor 表单中显示强类型下拉列表
【发布时间】：2015-07-09 10:11:04
【问题描述】：

我需要在我的 ASP.NET-MVC5 razor @html.begin 表单中显示强类型的 dropdowlist。这种形式涉及三个模型类。一个是用户填写的课程，另外两个需要在下拉列表中显示的学校和校园。我创建了 ViewModel 来结合所有这三个并传递对象中的学校和校园数据列表。

现在我需要以剃刀的形式显示这个下拉菜单，我该怎么做？？？？我需要从下拉列表中选择所选标题的学校和校区的 ID。

控制器

  [HttpGet]
    public ActionResult CreateStudentCourse()
    {

        var _studentCourseModel = new StudentCourse_ViewModel
        {
            _schoolList = _studentProfileServices.GetAllSchools(),
            _CampusList = _studentProfileServices.GetAllCampus()
        };

        return PartialView("CreateStudentCourse_Partial", _studentCourseModel);
    }

视图模型

 public class StudentCourse_ViewModel 
{
    public StudentCourse_ViewModel() { }

    [Key]
    [Display(Name = "Course ID")]
    public int CourseID { get; set; }

    [Display(Name = "Student ID")]
    [Required(ErrorMessage = "Require Your Student ID")]
    public int StudentID { get; set; }

    [Display(Name = "School ID")]
    [Required(ErrorMessage = "Require Your School Title")]
    public int SchoolID { get; set; }

    [Display(Name = "Campus ID")]
    [Required(ErrorMessage = "Require Your Campus Title")]
    public int CampusID { get; set; }

    [Display(Name = "Course Title")]
    [MaxLength(150)]
    [Required(ErrorMessage = "Require Your Course Title")]
    public string CourseTitle { get; set; }

    [Display(Name = "Mode Of Study")]
    [Required(ErrorMessage = "Require Mode Of Study")]
    [MaxLength(50)]
    public string ModeOfStudy { get; set; }

    [Display(Name = "Study Level")]
    [MaxLength(50)]
    [Required(ErrorMessage = "Require Your Study Level")]
    public string StudyLevel { get; set; }

    [Display(Name = "Date Of Course Start")]
    [Required(ErrorMessage = "Require Date of Your Start")]
    public System.DateTime DateOfCourseStart { get; set; }

    [Display(Name = "Year Of Study")]
    [MaxLength(10)]
    [Required(ErrorMessage = "Require Your Year Of Study")]
    public string YearOfStudy { get; set; }

    // following are from another class model
    public List<School> _schoolList { get; set; }
    public List<Campus> _CampusList { get; set; }

}

学校模式

[Table("School")]
public class School
{
    public School() { }

    [Key]
    [Display(Name = "School ID")]
    public int SchoolID { get; set; }


    [MaxLength(150)]
    [Display(Name = "School Title")]
    [Required(ErrorMessage = "Require School Title")]
    public string Title { get; set; }

   // public Course Course { get; set; }
}

校园模式

    [Table("Campus")]
public class Campus
{
    public Campus() { }

    [Key]
    [Display(Name = "Campus ID")]
    public int CampusID { get; set; }

    [MaxLength(150)]
    [Display(Name = "Site")]
    [Required(ErrorMessage = "Require Site Title")]
    public string Site { get; set; }

    [MaxLength(150)]
    [Display(Name = "Region")]
    [Required(ErrorMessage = "Require Campus's Region")]
    public string Region { get; set; }

    [MaxLength(250)]
    [Display(Name = "Address")]
    [Required(ErrorMessage = "Require Campus' Address ")]
    public string Address { get; set; }

    [MaxLength(250)]
    [Display(Name = "Town")]
    [Required(ErrorMessage = "Require Campus's Town ")]
    public string Town { get; set; }

    [MaxLength(150)]
    [Display(Name = "PostCode")]
    [Required(ErrorMessage = "Require Campus's PostCode")]
    public string PostCode { get; set; }

    //public virtual Course Course { get; set; }
}

剃刀局部视图

@model App.DAL.Model.StudentCourse_ViewModel


@using (Html.BeginForm("CreateStudentCourse", "StudentProfile", FormMethod.Post, new { id = "CreateStudentCourseForm" }))
 { ............my code here ... 
 I need drop down for _schoolList and _CampusList???????

【问题讨论】：

标签： razor asp.net-mvc-5 forms

【解决方案1】：

学校：

@Html.DropDownListFor(m => m.SchoolID, new SelectList(_schoolList, "SchoolID ", "Title", Model.SchoolID))

校园：

@Html.DropDownListFor(m => m.CampusID, new SelectList(_CampusList, "CampusID ", "Site", Model.CampusID))

【讨论】：

【解决方案2】：

我找到了更简单的解决方案，发送类模型，即在我的案例课程中，让用户填写它并创建 viewBag selectList 对象并在剃须刀视图中使用..

控制器

  [HttpGet]
    public ActionResult CreateStudentCourse()
    {

        ViewBag.Schools = new SelectList(_studentProfileServices.GetAllSchools(), "SchoolID", "Title");

        ViewBag.Campus = new SelectList(_studentProfileServices.GetAllCampus(), "CampusID", "Site");

        return PartialView("CreateStudentCourse_Partial");
    }

我的看法

 <div class="form-group">
        @Html.Label("Your School", htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.DropDownList("Schools", null, "Select School", new { id ="schoolList", @class = "form-control" })
        </div>
    </div>

【讨论】：