記事編集

日付

ジャンルのカテゴリ―名

タイトル

内容の要旨

&nbsp; &nbsp;下記はGenre（１）とArticle（多）のクラス。記述例です。public class Genre&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;public int GenreId { get; set; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;public string Name { get; set; } = string. Empty;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;public string Description { get; set; } = string.Empty;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;public string ImageUrl { get; set; } = string.Empty;　　//Navigation property&nbsp;　 &nbsp;public ICollection&lt;Article&gt; Articles { get; set; }&nbsp; &nbsp; } &nbsp;public class Article&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;public int ArticleId { get; set; }&nbsp;&nbsp; &nbsp; &nbsp; public DateTime Posted { get; set; }&nbsp;//外部キー&nbsp; &nbsp; &nbsp; public int GenreId { get; set; }&nbsp;public string Title { get; set; } = string.Empty;&nbsp;&nbsp; &nbsp; &nbsp; public string Content { get; set; } = string.Empty;&nbsp;&nbsp; &nbsp; &nbsp; public string ImageUrl { get; set; } = string.Empty;&nbsp;//Navigation Property&nbsp; &nbsp; &nbsp; public Genre Genre { get; set; }&nbsp; &nbsp; }上記のモデルをMigration し、Databaseを作成すると多の側のControllerのCreateアクションには// GET: Articles/Createpublic IActionResult Create(){&nbsp;&nbsp;&nbsp;&nbsp;ViewData[&quot;GenreId&quot;] = new SelectList(_context.Genre, &quot;GenreId&quot;, &quot;GenreId&quot;);&nbsp; &nbsp; return View();}Editアクションには// GET: Articles/Edit/5public async Task&lt;IActionResult&gt; Edit(int? id){&nbsp;if (id == null)&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; return NotFound();&nbsp; &nbsp; }&nbsp; &nbsp; var article = await _context.Article.FindAsync(id);&nbsp; &nbsp; if (article == null)&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; return NotFound();&nbsp; &nbsp; }&nbsp; &nbsp;&nbsp;ViewData[&quot;GenreId&quot;] = new SelectList(_context.Genre, &quot;GenreId&quot;, &quot;GenreId&quot;, article.GenreId);&nbsp; &nbsp; return View(article);}上記のViewDataが生成されます。 これにより、双方の第3引数を、new SelectList(_context.Genre, &quot;GenreId&quot;, &quot;Name&quot;); に変更して、Views/Articles/Create、Edit,両ページの&rdquo;GenreId&rdquo;フィールドの入力欄を、下記のようにドロップダウンリストにすることが出来ます。下行は選択を案内する文字がないドロップダウン。&nbsp;&lt;select asp-for=&quot;GenreId&quot; class=&quot;form-control&quot; asp-items=&quot;ViewBag.GenreId&quot;&gt;&lt;/select&gt;下行は&rdquo;名前を選択してください&rdquo;という表示のあるドロップダウンです。&nbsp;@Html.DropDownListFor(m =&gt; m.GenreId,(IEnumerable&lt;SelectListItem&gt;)ViewBag.GenreId,&quot;名前を選択して下さい。&quot;,new { @class = &quot;form-control&quot; })下図は結果の表示です。

添付画像

画像を変更

Back to List