記事編集

日付

ジャンルのカテゴリ―名

タイトル

内容の要旨

<pre style="text-align: left;">ViewDataとViewBag,を使用する、Controller側のコード例：</pre> &nbsp;&nbsp;public async Task&lt;IActionResult&gt; Index()&nbsp; &nbsp;{&nbsp;ViewBag.Articles = await _context.skyArticle.OrderByDescending(a =&gt; a.Id).ToListAsync();&nbsp;ViewBag.Genres = await _context.skyGenre.OrderByDescending(a =&gt; a.Id).Skip(0).Take(3).ToListAsync();&nbsp;ViewData[&quot;Journals&quot;] = (await _context.skyArticle.OrderByDescending(a =&gt; a.Id).ToListAsync());&nbsp; &nbsp; &nbsp; &nbsp;return View(await _context.skyGenre.Include(&quot;skyArticles&quot;).ToListAsync());&nbsp; &nbsp;}<hr> View側のコード例：ViewDataを使用する場合は下記のように型変換を行う必要があります。@{&nbsp; &nbsp; Layout = &quot;~/Views/Shared/_JournalLayout.cshtml&quot;;&nbsp; &nbsp; ViewData[&quot;Title&quot;] = &quot;Index&quot;;&nbsp; &nbsp;&nbsp;IEnumerable&lt;skyArticle&gt; articles = &nbsp;ViewData[&quot;Journals&quot;] as IEnumerable &lt;skyArticle&gt;;&nbsp; &nbsp;//ViewData は、コントローラーからビューにデータを転送するために使用されます。ViewData は、文字列をキーとして使用してアクセスできる辞書オブジェクトです。<p style="box-sizing: border-box; margin-top: 0px; margin-bottom: 1rem; white-space: pre-wrap; color: rgb(65, 65, 65); font-family: sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">&nbsp; // ViewData を使用すると、コントローラーからビューに任意のオブジェクトを渡すことができます。ビューで列挙する場合は、型変換コードが必要です。}使用例：<table style="width: 100%;"><tbody><tr><td style="width: 100.0000%;">&nbsp;&nbsp;&lt;div&gt;&nbsp; &nbsp; &nbsp; @foreach(var item in&nbsp;articles)　　　//ViewDataの&lt;skyArticle&gt;を型変換されたオブジェクトarticles&nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;@item.ImageUrl&quot; alt=&quot;...&quot; width=&quot;100&quot; /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;@item.Title&lt;/p&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt; &nbsp;&nbsp; &nbsp; &nbsp; } &nbsp; &nbsp;&nbsp; &lt;/div&gt; </td></tr></tbody></table> ViewBagを使用する場合は下記のようにforeach関数内でインスタンスを作成します。 <table style="width: 100%;"><tbody><tr><td style="width: 100.0000%;">&nbsp;&lt;div&gt;&nbsp; &nbsp; &nbsp;&lt;table&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;tr&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;th&gt;Id&lt;/th&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;th&gt;Code&lt;/th&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;th&gt;Name&lt;/th&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;/tr&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;@foreach (skyGenre genre in ViewBag.Genres)　　　　　　　//ViewBag.Genresには_context.skyGenreが入っている。　　　　　　//skyGenreはModelクラスのオブジェクトを指定、genreは任意名&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;{&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;tr&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;td&gt;@genre.Id&lt;/td&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;td&gt;@genre.Name&lt;/td&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;td&gt; &lt;img src=&quot;@genre.ImageUrl&quot; alt=&quot;...&quot; width=&quot;100&quot; /&gt;&lt;/td&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;/tr&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;}&nbsp; &nbsp; &nbsp;&lt;/table&gt;&nbsp;&lt;/div&gt;</td></tr></tbody></table> 下図が双方の結果表示です。

添付画像

画像を変更

Back to List