如何使用SQL數據庫表中的數據填充剃刀中的選擇標籤幫助

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代碼來訪問流派屬性。

<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> 

基本上，我有麻煩所著的Grokking如何從我的數據庫中獲取我的流派列表插入到視圖模型財產的形式，選擇taghelper ASP項=可以消耗。我經歷的許多試用&錯誤曲解通常會導致轉換問題從通用列表<>類型到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> 

您也可以使用ViewBag.SomeOptions，如果你不希望添加提交到模式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; } 
    } 
} 

控制器

索引方法初始化CountryViewModel，設置選定的國家和國家列表並將模型傳遞給索引視圖。

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); 
}