ASP.NETでViewに値を渡す方法

投稿日：2021年8月3日

＜目次＞

(１) ASP.NETでViewに値を渡す方法
　 (１-１) 方法１：アクションメソッドの引数に追加
　 (１-２) 方法２：ViewBagを使う方法
　 (１-３) 方法３：ビューデータディクショナリを使用（オススメ度：低）
　(１-４) サンプルプログラム

(１) ASP.NETでViewに値を渡す方法

(１-１) 方法１：アクションメソッドの引数に追加

Viewに渡したいオブジェクトを、アクションメソッドの引数として渡す方法です。

●構文

・Controller側

var textbook1 = new TextBook() { Name = "理科" };
return View(textbook1);

・View側

<!-- 方法１ -->
<h2>方法１：@Model.Name</h2>

（説明）

「textbook1」オブジェクトをそのままアクションメソッド（Viewメソッド）の引数として渡しているため、ViewBagやViewDataのようにプロパティの名前をメンテする必要がなく、一番オススメの方法になります。

＞目次にもどる

(１-２) 方法２：ViewBagを使う方法

ViewBagはASP.NET MVCにおいて、モデル（Model）に含まれない「一時的なデータ」をController⇒Viewに連携する目的で使用します。

●構文

・Controller側

var textbook2 = new TextBook() { Name = "算数" };
// ランタイム（実行時）にViewBagに追加される
ViewBag.TextBook2 = textbook2;

・View側

<h2>方法２：@ViewBag.TextBook2.Name</h2>

（説明）

ViewBagは次の「方法３」で紹介する「ViewData」の後継機能として導入されました。dynamic型のプロパティであるため、コンパイル時ではなく、ラインタイム時に型のチェック等が行われます。こちらもプロパティの名前を変更しても他には自動反映されないため、手での置換等が必要となります。

＞目次にもどる

(１-３) 方法３：ビューデータディクショナリを使用（オススメ度：低）

全てのControllerは「ViewData」と呼ばれるプロパティ（ViewDataDictionary型）を持っており、ここにデータを格納してViewに連携する事ができます。

●構文

・Controller側

var textbook3 = new TextBook() { Name = "社会" };
ViewData["TextBook"] = textbook3;

・View側

@using BookLibrarySystem.Models
<h2>方法３：@( ((TextBook)ViewData["TextBook"]).Name )</h2>

（説明）

ViewDataに格納されている要素はobject型のため、View側で取り出すために型を「TextBook型」にキャストをしています。

●備考

この方法は以下の理由から余り推奨されません。

・[“xxxx“]の中身を変更した際に、他の箇所も連動して変更されない

・View側でプロパティの値にアクセスするためにはキャストが必要なため

＞目次にもどる

(１-４) サンプルプログラム

以上の３つの方法をまとめたサンプルプログラムをご紹介します。各部分がどの方法の記述か分かるように、プログラム中に「方法X」と記述しています。

●Controller

using BookLibrarySystem.Models;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;

namespace BookLibrarySystem.Controllers
{
    public class HomeController : Controller
    {
        // GET: TextBooks/Trend
        public ActionResult Index()
        {

            //# 方法２：ViewBagを使用
            var textbook2 = new TextBook() { Name = "算数" };
            ViewBag.TextBook2 = textbook2;

            //# 方法３：ビューデータディクショナリを使用
            //# 各Dictionaryの中身はObjectである(Equals,ToStringなど)
            var textbook3 = new TextBook() { Name = "社会" };
            ViewData["TextBook3"] = textbook3;

            //# 方法１：アクションメソッドの引数に追加
            var textbook1 = new TextBook() { Name = "理科" };
            return View(textbook1);
        }
    }
}

（図１４１）

●View

@model BookLibrarySystem.Models.TextBook

<!-- 方法１ -->
<h2>方法１：@Model.Name</h2>

<!-- 方法２ -->
<h2>方法２：@ViewBag.TextBook2.Name</h2>

<!-- 方法３ -->
@using BookLibrarySystem.Models
<h2>方法３：@( ((TextBook)ViewData["TextBook3"]).Name )</h2>


@{
    ViewBag.Title = "Home Index";
}

<div class="jumbotron">
    <h3>本文</h3>
    <p class="lead">あああああああ</p>
</div>

（図１４２）

実行結果は次の（図１４３）のようになります。

（図１４３）

＞目次にもどる