How to send value from controller to view in asp.net mvc 3?

Question

I have to post image src attribute to view.So i have tried in the following way

Razor View:

@using (Html.BeginForm("MapIcon", "test", FormMethod.Get))
{
    <div class="selected" id="selectable_images">
        <table>
            <tr>
                <td>
                    <img src="../../Images/wi0096-48.gif" alt="Image1" class="conversation_img" />
                </td>
                <td>
                    <img src="../../Images/down.png" alt="image2" />
                </td>
                <td>
                    <img src="../../Images/wi0054-48.gif" alt="Image3" />
                </td>
                <td>
                    <img src="../../Images/Photo-icon.png" alt="image4" />
                </td>
            </tr>
            <tr>
                <td>
                    <img src="../../Images/wi0062-48.gif" alt="image5" />
                </td>
                <td>
                    <img src="../../Images/wi0064-48.gif" alt="image6" />
                </td>
                <td>
                    <img src="../../Images/wi0126-48.gif" alt="image7" />
                </td>
                <td>
                    <img src="../../Images/wi0126-48.gif" alt="image8" />
                </td>
            </tr>
            <tr>
                <td>
                    <img src="../../Images/wi0063-64.gif" alt="image9" />
                </td>
                <td>
                    <img src="../../Images/wi0064-48.gif" alt="image10" />
                </td>
                <td>
                    <img src="../../Images/wi0009-48.gif" alt="image11" />
                </td>
                <td>
                </td>
            </tr>
            <tr>
                <td>
                    <img src="../../Images/wi0126-48.gif" alt="iamg12" />
                </td>
                <td>
                    <img src="../../Images/wi0124-48.gif" alt="image13" />
                </td>
                <td>
                    <img src="../../Images/wi0062-48.gif" alt="image14" />
                </td>
                <td>
                </td>
            </tr>
        </table>
    </div>
}
@using (Html.BeginForm("MapIcon", "test", FormMethod.Post, new { id = "postform" }))
{

    <input id="image2" type="hidden" name="image" value="../../Images/down.png">
    <input id="Image3" type="hidden" name="image" value="../../Images/wi0054-48.gif">
    <input id="image4" type="hidden" name="image" value="../../Images/Photo-icon.png">

    <input type="submit" value="Match" />

    foreach (var m in (List<string>) ViewData["list"]) //I am getting Null value here 
    {
        <ul>
            <li>
                <img src="@m"  alt=""/>
            </li>
        </ul>
    }

}

Controller:

[HttpPost]
public ActionResult MapIcon(IEnumerable<string> image)
{
    List<string> urls = new List<string>();
    string val = "";
    foreach (var item in image)
    {
        val = item;
        urls.Add(val);
        //ViewBag.list = val;

        ViewData["list"] = urls; ;

    }
    return View();
}

My main problem is that i have to show those images which are selected. I have tried but not succedded. The value of img tag are obtained in controller. But how to send these values again back to view?

val is of type string. you put it into the ViewBag in the controller. but then, in view, you try to retrieve it as List<string>. that won't work. — Wiktor Zychla
– Wiktor Zychla, Commented Aug 9, 2013 at 10:27

Sam · Accepted Answer · 2013-08-09 10:31:43Z

1

Have you tried passing the data in your view with a model?

[HttpPost]
public ActionResult MapIcon(IEnumerable<string> image)
{
    return View(image);
}

With in your view:

@model IEnumerable<string>

using (Html.BeginForm())
{
    foreach (var m in Model)
    {
        <ul>
            <li>
                <img src="@m"  alt=""/>
            </li>
        </ul>
    }

}

answered Aug 9, 2013 at 10:31

Sam

1,37616 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Tim B James · Accepted Answer · 2013-08-09 11:51:45Z

1

[HttpPost]
public ActionResult MapIcon(IEnumerable<string> image)
{
    List<string> urls = new List<string>();
    string val = "";
    foreach (var item in image)
    {
        val = item;
        urls.Add(val);
        //ViewBag.list = val;

        //ViewData["list"] = urls; ;

    }
        return View(urls);
}

On View

@foreach(var item in Model)
{
 <p> @item.url</p>   
}

edited Aug 9, 2013 at 11:51

Tim B James

20.4k4 gold badges77 silver badges108 bronze badges

answered Aug 9, 2013 at 11:45

Suraj Singh

4,0871 gold badge23 silver badges37 bronze badges

1 Comment

Suraj Singh Over a year ago

Or You can cast your ViewData to List type and same foreach loop at View will work .But you have already defined a List item why pass it in ViewData when you can directly pass it to View .

Sebastian Wąsik · Accepted Answer · 2013-08-09 10:14:54Z

-1

User $.ajax and jquery and onclick event on clicked img.

answered Aug 9, 2013 at 10:14

Sebastian Wąsik

654 bronze badges

3 Comments

user2663526 Over a year ago

the values of clicked images are obtained in controller .My problem is how to send these values back to view so that i will render these selected images

Sebastian Wąsik Over a year ago

$ Post does not give you a variable ViewBag or ViewData.

Sebastian Wąsik Over a year ago

maybe session i use usually $ajax

Collectives™ on Stack Overflow

How to send value from controller to view in asp.net mvc 3?

3 Answers 3

Comments

1 Comment

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related