如何從視圖中的模型列表中刪除項目？

Question

我有型號清單並發送給查看。 我想刪除幾行模型清單。 如何從列表中刪除視圖？

List<Booking> models = new List<Booking>();
foreach (string id in items)
{
   models.Add(
             new Booking()
                 { ...}
}
return View(models);

並進入視野：

  <main id="BigPanel" class="flexcol border_radius" role="main">
     @using (Html.BeginForm("FinalReserve", "Booking", FormMethod.Post, new { @class = "cart-rooms flexcol" }))
    {
        for (int i = 0; i < Model.Count; i++)
        {
            <div class="cart-room setborder border_radius flexrow">

                @Html.HiddenFor(m => Model[i].Price)
                @Html.HiddenFor(m => Model[i].RRId)
                @Html.HiddenFor(m => Model[i].CheckOutDate)
                <span>@Model[i].FromDate</span>
                <span>@Model[i].CheckInDayName</span>
                <span>@Model[i].DiscountPercent</span>
                <span>@Model[i].Price</span>
                <button onclick="removelist(@Model[i].RRId)"> Delete</button>
            </div>

        }
        <hr style="width:100%;" />
        <div class="cart-room flexrow">
            <div class="sum flex1 flexcol">
               <div class="flexrow">
                    <span class="flex1">@Model.Sum(m => m.Price)</span>
               </div>
               <div class="paybtn-group">
                  <button class="btns" onclick="history.go(-1); return false;">    back       </button>
                    <button class="mbtn_green btn_cart" type="submit">
                      submit
                    </button>
                </div>
            </div>
        </div>
    }
</main>

當用戶單擊刪除按鈕時，該行必須從列表中刪除。 並提交其他行。 謝謝。

Answer 1

您可以使用AJAX（負責刪除的控制器動作的異步調用）來達到此目的，或者您可以簡單地調用動作（普通href鏈接），該動作允許您從列表中刪除該項目。

如果您通過代碼創建模型，則Visual Studio可以創建控制器以及適當的視圖以進行編輯，刪除和添加。 為此，您只需要添加一個新控制器，選擇型號名稱，然后單擊確定。 https://www.asp.net/visual-studio/overview/2013/aspnet-scaffolding-overview （在VS 2015中非常相似）