.NET MVC 4 - Button actions in a foreach loop

Question

I've currently got a View like this:

@using (Html.BeginForm("Compare", "Carousel", FormMethod.Post)) 
{
@foreach (var product in Model.Products)
{
        <tr>
             <td>@product.Provider.Name</td>
             <td>&pound;@Math.Round(product.MonthlyPremium, 2, MidpointRounding.AwayFromZero)</td>
             <td>@Html.ActionLink("More Details", "MoreDetails", new { id = product.ProductId })</td>
             <td><button name="compare" value="@product.ProductId">Compare</button</td>
        </tr>
}
}

Controller:

[HttpPost]
public ActionResult Compare(ProductsWithDetailModel model) // This is a guess, Model may not persist? 
 {
       // Code here

       return View("Index", model);
 }

What I actually want is, when a button is clicked, the Controller is going to be called and the product that has been selected (the button clicked) will be added to a list of items.

How do I actually find out which button has been clicked in the Controller? How come I cant find any tutorials out there on the web that have done this before, surely its basic functionality? Or am I approaching it wrong?

Could you give more details about use case? Is it submit form on button click or what? — Kirill Bestemyanov
– Kirill Bestemyanov, Commented Nov 23, 2012 at 19:57

Felipe Oriani · Accepted Answer · 2012-11-23 19:59:08Z

2

ASP.NET MVC takes all inputs and send it by a verb to an action. The bind of these controls is made by the name attribute on your View and the value is made by depending of what control we are talking about (text, checkbox, radio, select, button etc...). You could have a a property on your ProductsWithDetailModel called compare and it would recevie the value of the button you've clicked.

answered Nov 23, 2012 at 19:59

Felipe Oriani

38.7k20 gold badges141 silver badges203 bronze badges

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

1 Comment

Chris Dixon Over a year ago

That worked, I set the name of the button and, hey presto, it all worked! Thank you!

ten5peed · Accepted Answer · 2012-11-23 20:04:41Z

2

How about having 1 form per item?

E.g.

@foreach (var product in Model.Products)
{
    <tr>
         <td>@product.Provider.Name</td>
         <td>&pound;@Math.Round(product.MonthlyPremium, 2, MidpointRounding.AwayFromZero)</td>
         <td>@Html.ActionLink("More Details", "MoreDetails", new { id = product.ProductId })</td>
         <td>
             @using (Html.BeginForm("Compare", "Carousel", FormMethod.Post)) 
             {
                 <input type="hidden" name="productId" value="@product.ProductId"  />
                 <button name="compare">Compare</button>
             }
         </td>
    </tr>
}

answered Nov 23, 2012 at 20:04

ten5peed

15.9k3 gold badges62 silver badges74 bronze badges

1 Comment

Chris Dixon Over a year ago

I used the below answer and it all worked fine, the ProductsWithDetail model got updated with the "name" property of the button, which is great. But thank you for your answer :)

krock · Accepted Answer · 2012-11-23 20:29:00Z

0

use onclick. set js hidden value in loop. in controller check.

edited Nov 23, 2012 at 20:29

krock

29.7k13 gold badges81 silver badges86 bronze badges

answered Nov 23, 2012 at 20:01

Mediator

15.4k37 gold badges120 silver badges213 bronze badges

Collectives™ on Stack Overflow

.NET MVC 4 - Button actions in a foreach loop

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related