如何使用 SQL 数据库表中的数据在 Razor 中填充 Select taghelper

Question

我正在使用 ASP.NET Core 1.0 和 EF Core 1.0，并且在我的 SQL 数据库中有以下代码优先类。

namespace GigHub.Models
{
  public class Genre
  {
    public byte Id { get; set; }

    [Required]
    [StringLength(255)]
    public string Name { get; set; }
  }
}

我还在 Razor 视图表单中使用了以下 ViewModel 类：

namespace GigHub.ViewModels
{
  public class GigFormViewModel
  {
    public string Venue { get; set; }
    public string Date { get; set; }
    public string Time { get; set; }
    public List<Genre> Genres { get; set; }
  }
}

我也有这个控制器：

using GigHub.Data;
using GigHub.ViewModels;
using Microsoft.AspNetCore.Mvc;

namespace GigHub.Controllers
{
  public class GigsController : Controller
  {
    private readonly ApplicationDbContext _context;

    public GigsController(ApplicationDbContext context)
    {
      _context = context;
    }
    public IActionResult Create()
    {
      var vm = new GigFormViewModel();

      // Need to get my Genre list from the DbSet<Genre> in my database context injected above
      // into the GigFormViewModel for the Select taghelper to consume

      return View(vm);
    }
  }
}

我已将 Razor 视图设置为可以正常使用 ViewModel，但我不确定应如何设置下面的 Select taghelper 代码以访问 Genre 属性。

    <div class="form-group">
      <label asp-for="????" class="col-md-2 control-label"></label>
      <div class="col-md-10">
        <select asp-for="????" asp-items="????" class="form-control"></select>
        <span asp-validation-for="????" class="text-danger" />
      </div>
    </div>

我基本上无法理解如何以 Select taghelper asp-items= 可以使用的形式将我的类型列表从我的数据库中获取到 ViewModel 属性中。我经历的许多反复试验通常会导致从通用 List 类型到 MVC SelectListItem 类型的转换问题。我怀疑我的 ViewModel Genre 类需要调整，但到目前为止我的研究只产生了涵盖以前版本的 ASP.NET 和 Entity Framework 的文章，我很难将它们映射到 ASP.NET core 1.0 RC2 和 EF Core 1.0。

Answer 1

您可以使用asp-for 为选择元素指定模型属性名称，并使用asp-items 指定选项元素。

<select asp-for="SomeFiles" asp-items="Model.SomeOptions"></select> 

如果您不想将SomeOptions 字段添加到模式中，也可以使用ViewBag.SomeOptions。

有关更多信息，请查看The Select Tag Helper 文档。

示例

查看

<select asp-for="Country" asp-items="Model.Countries"></select> 

模型

using Microsoft.AspNetCore.Mvc.Rendering;
using System.Collections.Generic;

namespace FormsTagHelper.ViewModels
{
    public class CountryViewModel
    {
        public string Country { get; set; }

        public List<SelectListItem> Countries { get; set; }
    }
}

控制器

Index 方法初始化CountryViewModel，设置所选国家和国家列表，并将模型传递给 Index 视图。

public IActionResult Index()
{
    var model = new CountryViewModel();
    model.Country = "CA";
    model.Countries = db.Countries
                        .Select(x => new SelectListItem { Value = x.Id, Text = x.Name })
                        .ToList();

    return View(model);
}