Passing Data From Controller To View Using Viewdata In ASP.NET MVC 5

In this article will perform a simple demonstration of how we can pass data from controller to view. In this demo will perform this activity using Viewdata, which is a dictionary, derived from view data dictionary class. Viewdata basically holds the data which will be passed from controller to view.

Let's start our demo

Let's create a controller

Create a demo class PersonDetails, consisting of different parameters of details like name, age, email and city.

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
namespace ProjectMVC.Models
{
public class Employee
{
public string _name { get; set; }
public int _age { get; set; }
public string _email { get; set; }
public string _city { get; set; }
}
}

After adding a model class,here is how we can get that model value in controller after creating object of that model class in the action of the controller. Make sure there is Namespace for recently added model so that we can get the values of recently added model class in controller.

using ProjectMVC.Models;

Add following piece of code in controller's action, where we create the object of the class, which will get all the values(attributes) of the class into controller. We got values from model to controller.

using System;
using System.Collections.Generic;
using System.Web;
using System.Web.Mvc;
using ProjectMVC.Models;
namespace ProjectMVC.Controllers
{
public class PersonController : Controller
{
public ActionResult GetEmployeeDetails()
{
Employee empdetails = new Employee();
empdetails._name = "Shridhar Sharma";
empdetails._age = 25;
empdetails._email = "[email protected]";
empdetails._city = "New Delhi";
ViewData["Employeedetails"] = empdetails;
return View("employeeview");
}
}
}

using Viewdata: Here we can store model data into viewdata so that we can retrieve on view.

ViewData["Employeedetails"] = empdetails;

Add view

Now let's move into final step i.e, getting model data into view using viewdata.

@{
Layout = null;
ProjectMVC.Models.Employee empdetails = (ProjectMVC.Models.Employee)
ViewData["Employeedetails"];
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>employeeview</title>
</head>
<body>
<table>
<tr>
<td>NAME</td>
<td>AGE</td>
<td>EMAIL</td>
<td>CITY</td>
</tr>
<tr>
<td>@empdetails._name</td>
<td>@empdetails._age</td>
<td>@empdetails._email</td>
<td>@empdetails._city</td>
</table>
</body>
</html>

Output View:

Closure

We did a simple exercise how we can pass data from controller to view,So here is recap..we add controller,after that we added a model class consisting of attributes, got those attributes in controller by creating object of that model class, after that we passed that data overview by using viewdata.

Hope you like this.

9 Comments

Join the conversation! Your thoughts help the community grow.

Dinesh Gabhane6y ago
Good article.
Shridhar Sharma11y ago
Thanks all for reading.
Sumit Joshi11y ago
thanks for sharing.
Rakesh11y ago
Good article share
Akash Varshney11y ago
Good Article!!
Abhay Shanker11y ago
Nice Post
Harshad Pansuriya11y ago
Nice One
Santhakumar Munuswamy11y ago
Good one
Nilesh Jadav11y ago
Great post sir