Pass Html String from Controller to View ASP.Net MVC

Question

Which is the best way to pass the Html String block from Controller to View in MVC. I want it display that html block at the page load. Thank you. It can be any Html, e.g

<table style="width:300px">
<tr>
  <td>Jill</td>
  <td>Smith</td> 
  <td>50</td>
</tr>
<tr>
  <td>Eve</td>
  <td>Jackson</td> 
  <td>94</td>
</tr>
</table>

I want to pass this as a string from controller to View. where it will be displayed as an html. Thank you.

possible duplicate of [ASP.NET MVC Passing Raw HTML from Controller to View](http://stackoverflow.com/questions/12033578/asp-net-mvc-passing-raw-html-from-controller-to-view) — Satpal, Apr 01 '14 at 09:21

score 61 · Accepted Answer · answered Apr 01 '14 at 09:35

61

In your controller action :

ViewBag.HtmlStr = "<table style=\"width:300px\"><tr><td>Jill</td><td>Smith</td> <td>50</td></tr><tr><td>Eve</td><td>Jackson</td><td>94</td></tr></table>";

Your view :

@Html.Raw(ViewBag.HtmlStr)

answered Apr 01 '14 at 09:35

kelsier

4,050
5
34
49

Simple solution and simple is the best. – Uğur Aldanmaz Aug 24 '14 at 21:07
helped me too .. super – Pranesh Janarthanan Mar 17 '16 at 10:35
2

Be careful with `Html.Raw()` like this... a hacker could use this as a potential failure point... – Serj Sagan Apr 28 '16 at 05:15

Adil · Answer 2 · 2014-04-01T09:32:27.337

7

You can assign the html in controller to ViewBag and access the ViewBag in View to get the value that is the html

Controller

ViewBag.YourHTML = htmlString;

View

<div> @ViewBag.YourHTML </div>

Its better to not to pass the html from controller to View rather pass the object or collection of object to View (strongly typed view) and render html in View as it is responsibility of View

Controller

public ActionResult YourView()
{
    //YourCode
    return View(entities.yourCollection.ToList());
}

Veiw

<table style="width:300px">
    foreach (var yourObject in Model)
    {
       <tr>
             <td>@yourObject.FirstName</td>
             <td>@yourObject.LasttName</td> 
             <td>@yourObject.Amount</td>
       </tr>      
    }

</table>

edited Apr 01 '14 at 09:32

answered Apr 01 '14 at 09:20

Adil

146,340
25
209
204

and how should i display it in view – Pratik Bhoir Apr 01 '14 at 09:21
Good answer Adil, but I really dislike the practice of creating html in a controller. Thats what views are for :) – Sandman Apr 01 '14 at 09:22
No Dude, this will only show that Html as a normal string. I want to display it as an Html – Pratik Bhoir Apr 01 '14 at 09:22
Well it depends, its better to use the stongly typed views – Adil Apr 01 '14 at 09:24
@Sandman You are right bro, But sometimes you are stuck to do so.. Cant help. – Pratik Bhoir Apr 01 '14 at 09:24
@Pratik I feel your pain :) – Sandman Apr 01 '14 at 09:25

score 2 · Answer 3 · answered Apr 01 '14 at 09:36

2

Best approach will be to create a partial view and append the html returned by it in your parent view inside some container div.

In your main view do like this:

<div>

    @{

    Html.RenderAction("youraction","yourcontroller")

     }

</div>

in your action do this:

public ActionResult youraction()
{
 return View();
}

and your partial view:

@{
Layout = null;
}

<table style="width:300px">
<tr>
  <td>Jill</td>
  <td>Smith</td> 
  <td>50</td>
</tr>
<tr>
  <td>Eve</td>
  <td>Jackson</td> 
  <td>94</td>
</tr>
</table>

answered Apr 01 '14 at 09:36

Ehsan Sajjad

61,834
16
105
160

my html which is going to come is not static, its totally dynamic. so i cant create a fixed partial view. – Pratik Bhoir Apr 01 '14 at 09:56
you can create dynamic html in partial view\ – Ehsan Sajjad Apr 01 '14 at 10:36

score 1 · Answer 4 · answered Apr 01 '14 at 09:23

1

Controller

 ViewBag.HTMLData = HttpUtility.HtmlEncode(htmlString);

View

@HttpUtility.HtmlEncode(ViewBag.HTMLData)

answered Apr 01 '14 at 09:23

Murali Murugesan

22,423
17
73
120

score 1 · Answer 5 · answered Apr 01 '14 at 09:29

1

You can use ViewBag.YourField or ViewData["YourStringName"] and for retreiving it in your View. Just place it where you want preceded by @ like this @ViewBag.YourField or @ViewData["YourStringName"].

answered Apr 01 '14 at 09:29

Pass Html String from Controller to View ASP.Net MVC

5 Answers5

Linked