SQLデータベーステーブルのデータを使用してRazorにSelectタグヘルパーを設定する方法

Question

私はASP.NET Core 1.0とEF Core 1.0を使用していて、SQLデータベースに次のコードファーストクラスを持っています。私もこのコントローラをしている

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

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

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

また、私はカミソリビューのフォームで使用する次のViewModelクラスを持っていますViewModelをうまく使用してください。ただし、Genreプロパティにアクセスするには、以下の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> 

私は基本的に選択taghelper ASP-項目は=が消費できるという形でのViewModelプロパティに私のデータベースからジャンルの私のリストを取得する方法をgrokkingトラブルを抱えています。多くのトライアル&私は一般的な変換の問題が発生した結果、一般的なのリスト<のタイプにMVCの種類から行くエラーcontortions。私はViewModelのGenreクラスを調整する必要があると思っていますが、これまでの研究では以前のバージョンのASP.NETとEntity Frameworkをカバーする記事しかなく、ASP.NET Core 1.0 RC2とEF Core 1.0にマッピングするのに苦労しました。

Answer 1

asp-forを使用して、選択要素のモデルプロパティ名を指定し、asp-itemsを使用してオプション要素を指定することができます。あなたはモードに提出SomeOptionsを追加したくない場合は

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

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