Question

I have a form that has an input section at the top of the page and in the bottom half it displays a list of the objects that were added. I need to be able to Edit and Delete these objects and I’m not sure where to start or how to do it.

This code display the list of objects.

                @if (Model.ListOfRecipients != null)
            {
                for (int i = 0; i < Model.ListOfRecipients.Count; i++)
                {

                <div class='recipient-wrapper'>
                    <div class='decision_block'>
                        <table class='recipient'>
                            <tr>
                                <td class='recipient-title'>
@Html.HiddenFor(model=>model.ListOfRecipients[i].RecipientId)
                                    <h3>
                                        @Html.DisplayTextFor(model => model.ListOfRecipients[i].RecipientName)
                                        @Html.HiddenFor(model => model.ListOfRecipients[i].RecipientName)
                                    </h3>

                                    <div class='delivery-type'>
                                        Delivery Type: @Html.DisplayTextFor(model => model.ListOfRecipients[i].DeliveryType)
                                                       @Html.HiddenFor(model => model.ListOfRecipients[i].DeliveryType)
                                    </div>
                                </td>
                                <td class='na express'>
                                    @Html.CheckBoxFor(model => model.ListOfRecipients[i].ExpressIndicator)
                                    @Html.HiddenFor(model => model.ListOfRecipients[i].ExpressIndicator)
                                </td>
                                <td class='quantity'>
                                    <h3>
                                      Qty @Html.DisplayTextFor(model => model.ListOfRecipients[i].Quantity)
                                          @Html.HiddenFor(model => model.ListOfRecipients[i].Quantity)
                                    </h3>
                                </td>
                                <td class='action'>
                                    <input class='button edit_recipient' type='button' value='Edit' />
                                    <input class='button delete_recipient' type='button' value='Delete' />
                                </td>
                            </tr>
                        </table>

                            <input class='button update_recipient' type='button' value='Update' />
                            <a class='cancel_update' href='#'>Cancel</a>
                        </div>
                    </div>
                </div>

                }
            }

Answer 1

You need to write Edit and Delete action methods in your controller and then set your two buttons to call the appropriate method.

The code for the action methods will depend on several factors that may to broad to address here.

Using Razor Syntax — sorry the others were using wrong markup:(

<input class='button edit_recipient' type='button' value='Edit' 
       onclick="location.href='@Url.Action("Edit", "Controller", new { id = Model.Id } )'" />