0

ページの上部に入力セクションがあり、下半分に追加されたオブジェクトのリストが表示されるフォームがあります。これらのオブジェクトを編集および削除できるようにする必要がありますが、どこから始めればよいか、またはどのように行うべきかわかりません。

このコードは、オブジェクトのリストを表示します。

                @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>

                }
            }
4

2 に答える 2

0

削除コントローラーと編集コントローラーを作成できます。上のビューでは、オブジェクトIDを受け取る削除と編集がそれぞれの横にあり、各ボタンは独自のビューに移動して編集または削除できます。

于 2012-09-17T16:10:21.547 に答える
0

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 } )'" />
于 2012-09-17T16:13:47.800 に答える