welcome to XRM blog

Keep in touch with latest CRM/ERP articles

To remain competitive your organisation must be efficient across the business process spectrum. To do so you need to take sound decisions based on a balance between the cost and risk. To do so you will be heavily dependent on your content management in itself needs...

image
Blog

Different Ways Of Sending Data From Controller To View

By Anurag on 7/22/2014

With the advent of MVC it is imperative for all programmers to understand the different ways this framework provides to share data from Controller to View. Each solution has its pros and cons. But my advice to you is stick to the method which is most comfortable to you and accepted by your team lead.

Different ways of sharing data

· ViewBag

· TempData

· Session

· Models

· View Model

ViewBag

This property enables the programmer to share values from the controller to the view. It is a dynamic object, thus has no predefined properties and hence no intellisense. In the view, programmer can retrieve those values by using same name for the property.

If any kind of redirection happens this property is lost thus it is closely coupled with the current request/response.

Let us look at a small example

HomeController.cs

public class HomeController : Controller

{

        public ActionResult Index()

        {

            ViewBag.MyOwnProperty = "This is a killer tag line";

            return View();

     }

}

Index.cshtml

<div >

    <h1>@ViewBag.MyOwnProperty</h1>

div>

Output

 

TempData

The value stored in TempData property lives for only one request. The default TempData provider uses session state for storage. If session state is disabled, the default TempData provider will be disabled. It needs typecasting for returning data and if it is null it will raise an error.

TempData is a session-backed temporary storage dictionary that is available for one single request. It’s great to pass messages between controllers.

Session

Session is an object that is derived from HttpSessionState class. This object is used to persist data over the whole session but it should be used judiciously or else it will bog down the server by having to store extra information that may only be necessary across a redirect.

The correct way to store these temporary variables across a redirect is by using the TempData dictionary.

HomeController.cs

public class HomeController : Controller

{

        public ActionResult Index()

        {

            ViewBag.MyOwnProperty = "This is a killer tag line";

 

            Session = "some sesson value";

            return View();

        }

public ActionResult About()

        {

            string sessionval;

            if(Session!=null)

                sessionval = Session as string;

            return View();

        }

}

Index.cshtml

 

<div >

    <h1>@ViewBag.MyOwnProperty</h1>

    <h3>@Session</h3>

div>

Model

It is recommended by all that Models should be used to pass data from a Controller to View. This forces us to create strongly typed view, these views in turn are able to access the server side object.

Model classes can be of two main types known as Data Model and Domain Model. As the name suggests the first one maps to our entities in our DB the second one maps to the entities represented in our domain. More often than not the model that you will pass on to the view will be a Domain Model.

Let us create our first model called Student in our project inside the Model folder

Student.cs

public class Student

{

        public int id { get; set; }

        public string name { get; set; }

        public int age { get; set; }

}

Make sure you have compiled the project. Go to your Home Controller and add the using directives for including the projectname.Models

HomeController.cs

public class HomeController : Controller

{

        public ActionResult Index()

        {

            ViewBag.MyOwnProperty = "This is a killer tag line";

 

            Session = "some sesson value";

            Student obj = new Student

            {

                id = 1,

                name = "rakesh",

                age = 23

            };

            return View(obj);

        }

}

 

Now lets add the view which will be strongly coupled with our student class.

Index.cshtml

@model Trial.Models.Student

 

@{

    Layout = null;

}

 

<!DOCTYPE html>

 

<html>

<head>

    <meta name="viewport" content="width=device-width" />

    <title>Indextitle>

head>

<body>

    <div>

        <table>

            <tr>

                <td>

                    @Html.LabelFor(m => m.id)

                td>

                <td>

                    @Html.EditorFor(m => m.id)

                td>

            tr>

            <tr>

                <td>

                    @Html.LabelFor(m => m.name):

                td>

                <td>

                    @Html.EditorFor(m => m.name)

                td>

            tr>

            <tr>

                <td>

                    @Html.LabelFor(m => m.age):

                td>

                <td>

                    @Html.EditorFor(m => m.age)

                td>

            tr>

        table>

 

 

    div>

body>

html>

 

Output

View Model

Problem with the above given solution of Model is that the View is now coupled with a single model class. Unfortunately the real world software’s are not that straight forward and you will run into requirement where the controller needs to send objects of two or more different classes to the same view. As you have already studied that View can be bound to a single Model.

In such a scenario we have another type of Model called View Model , these are nothing but classes which hold objects of two or more classes inside itself as properties. Let’s assume that each student has a student supervisor associated with him/her. We need to send the StudentSupervisor object to the view to be shown with the student data. (Obviously this can be done in a different manner by setting up relationship etc, lets keep it simple for now)

StudentSupervisor.cs

public class StudentSupervisor

{

        public int id { get; set; }

        public string name { get; set; }

        public float experience { get; set; }

        public bool certified { get; set; }

}

StudentViewModel

public class StudentViewModel

{

        public Student studentObj { get; set; }

        public StudentSupervisor supervisorObj { get; set; }

}

Make sure you bind the view with StudentViewModel class this time.

HomeController.cs

public class HomeController : Controller

{

        public ActionResult GetStudent()

        {

            Student studentObj = new Student

            {

                id = 1,

                name = "rakesh",

                age = 23

            };

            StudentSupervisor supervisorObj = new StudentSupervisor

            {

                id = 123,

                name = "Strict Penny",

                experience = 23,

                certified = true

            };

            StudentViewModel obj = new StudentViewModel {

                studentObj=studentObj,

                supervisorObj=supervisorObj

            };

            return View(obj);

        }

}

Index.cshtml

@model Trial.Models.StudentViewModel

 

@{

    Layout = null;

}

 

<!DOCTYPE html>

 

<html>

<head>

    <meta name="viewport" content="width=device-width" />

    <title>GetStudenttitle>

head>

<body>

   

    <table>

        <tr>

            <td>

                @Html.LabelFor(m => m.studentObj.id)

            td>

            <td>

                @Html.EditorFor(m => m.studentObj.id)

            td>

           

        tr>

        <tr>

            <td>

                @Html.LabelFor(m => m.studentObj.name):

            td>

            <td>

                @Html.EditorFor(m => m.studentObj.name)

            td>

        tr>

        <tr>

            <td>

                @Html.LabelFor(m => m.studentObj.age):

            td>

            <td>

                @Html.EditorFor(m => m.studentObj.age)

            td>

        tr>

        <tr>

          

           

            <td colspan="2">

                Supervisor is @Model.supervisorObj.name with experience of @Model.supervisorObj.experience years

            td>

           

        tr>

    table>

  

body>

html>

 

Conclusion

This post just tries to bring out the different ways you can use to communicate with the MVC view and the author hopes that the reader appreciates the extreme ease of use this framework provides for you.

 

 

 

 

.Net
HTML 5
MVC
Author
Blog Calendar
Blog Calendar List
2024 Apr  18  4
2024 Mar  33  4
2024 Feb  28  3
2024 Jan  8  7
2023 Dec  14  6
2023 Nov  45  5
2023 Oct  118  12
2023 Sep  245  9
2023 Aug  63  7
2023 Jul  31  5
2023 Jun  20  4
2023 May  43  5
2023 Apr  35  5
2023 Mar  98  6
2023 Feb  112  5
2023 Jan  41  4
2022 Dec  94  7
2022 Nov  257  2
2022 Sep  13  1
2022 Aug  28  2
2022 Jun  7  2
2022 May  4  2
2022 Apr  6  2
2022 Mar  2  1
2022 Feb  2  1
2022 Jan  1  1
2021 Dec  4  1
2021 Nov  2  1
2021 Oct  2  1
2021 Sep  12  1
2021 Aug  38  5
2021 Jul  36  4
2021 Jun  1247  5
2021 May  31  3
2021 Apr  2036  3
2021 Mar  189  5
2021 Feb  2142  7
2021 Jan  3108  9
2020 Dec  446  7
2020 Sep  74  3
2020 Aug  685  3
2020 Jul  128  1
2020 Jun  75  3
2020 Apr  69  3
2020 Mar  13  2
2020 Feb  28  5
2020 Jan  34  7
2019 Dec  17  4
2019 Nov  30  1
2019 Jan  23  2
2018 Dec  71  4
2018 Nov  68  3
2018 Oct  18  3
2018 Sep  1152  11
2018 Aug  7  2
2018 Jun  14  1
2018 Jan  68  2
2017 Sep  585  5
2017 Aug  17  1
2017 Jul  17  2
2017 Jun  62  2
2017 May  21  1
2017 Apr  35  2
2017 Mar  135  4
2017 Feb  784  4
2016 Dec  204  3
2016 Nov  834  8
2016 Oct  307  10
2016 Sep  705  6
2016 Aug  39  1
2016 Jun  1876  6
2016 May  110  3
2016 Jan  71  2
2015 Dec  485  6
2015 Nov  4  1
2015 Oct  13  1
2015 Sep  1464  6
2015 Aug  14  1
2015 Jul  128  2
2015 Jun  11  1
2015 May  20  1
2015 Apr  30  3
2015 Mar  80  3
2015 Jan  5335  4
2014 Dec  17  1
2014 Nov  2257  4
2014 Oct  68  1
2014 Sep  107  2
2014 Aug  5280  1
2014 Jul  49  2
2014 Apr  2578  12
2014 Mar  301  17
2014 Feb  220  6
2014 Jan  1510  16
2013 Dec  21  2
2013 Nov  690  2
2013 Oct  256  3
2013 Sep  11  1
2013 Aug  40  3
2013 Jul  214  1
2013 Apr  57  6
2013 Mar  2292  10
2013 Feb  127  3
2013 Jan  343  2
2012 Nov  57  2
2012 Oct  499  10
Tag Cloud
Interested in our services? Still not sure about project details? get a quote