使用IEnumerable ViewModel在MVC Razor View中渲染下拉列表

时间:2018-06-11 09:25:04

标签: c# razor drop-down-menu asp.net-core-mvc asp.net-mvc-viewmodel

我跟着答案:

MVC6 Dropdownlist of Countries

但无济于事。

当视图模型的类型为IEnumerable时,似乎很难在视图中呈现下拉列表。

我正在尝试使用视图模型获取ClassName的下拉列表以显示在我的BookClass视图中:

    public class MemberClassViewModel
{
    [Required]
    public int MemberID { get; set; }

    [Required]
    public int ClassID { get; set; }

    public SelectList ClassName { get; set; }

    public List<Member> MemberClassBookings { get; set; }



}

我正在使用SelectList作为类名(练习类名称是 - 我正在构建一个可以在Gyms中使用的应用程序)。

   [HttpGet]
public async Task<IActionResult> BookClass(int id)
{

    List<MemberClassViewModel> memberClassViewModel = new List<MemberClassViewModel>();
    var classlist = _context.Classes.OrderBy(c=>c.ClassName).Select(x => new { Id = x.Id, Value = x.ClassName });
    var listData = await (from Classes in _context.Classes
                          select new
                          {
                              Classes.Id,
                              Classes.ClassName,
                              Classes.MemberClassBookings
                          }
                          ).ToListAsync();

    listData.ForEach(x =>
    {
        MemberClassViewModel Obj = new MemberClassViewModel();
        Obj.MemberID = id;
        Obj.ClassID = x.Id;

        Obj.MemberClassBookings = x.MemberClassBookings;

        Obj.ClassName = new Microsoft.AspNetCore.Mvc.Rendering.SelectList(classlist, "Id", "Value");
        memberClassViewModel.Add(Obj);

    }
   );

   return View(memberClassViewModel);

}

这是我的行动方法。如您所见,我将ClassName添加到viewmodel的实例,同时呈现下拉列表。

但是在我看来,我似乎无法访问我的下拉列表:

@model IEnumerable<GymTracker.ViewModel.MemberClassViewModel>



@{
    ViewData["Title"] = "BookClass";
}

<h2>Book Class</h2>




<div class="form-group">
    <label asp-for="ClassName" class="col-md-2 control-label"></label>
    <div class="col-md-10">
        <select asp-for="Classname" asp-items="@Model"></select>
    </div>
</div>

任何帮助将不胜感激。谢谢

0 个答案:

没有答案