title: how to delete item from model list in view?
body: <p>I have list of model and send it to view. i want delete a few row of model list.
  how to delete from list in view?</p>
  
  <pre><code>List&lt;Booking&gt; models = new List&lt;Booking&gt;();
  foreach (string id in items)
  {
     models.Add(
               new Booking()
                   { ...}
  }
  return View(models);
  </code></pre>
  
  <p>and into view:</p>
  
  <pre><code>  &lt;main id="BigPanel" class="flexcol border_radius" role="main"&gt;
       @using (Html.BeginForm("FinalReserve", "Booking", FormMethod.Post, new { @class = "cart-rooms flexcol" }))
      {
          for (int i = 0; i &lt; Model.Count; i++)
          {
              &lt;div class="cart-room setborder border_radius flexrow"&gt;
  
                  @Html.HiddenFor(m =&gt; Model[i].Price)
                  @Html.HiddenFor(m =&gt; Model[i].RRId)
                  @Html.HiddenFor(m =&gt; Model[i].CheckOutDate)
                  &lt;span&gt;@Model[i].FromDate&lt;/span&gt;
                  &lt;span&gt;@Model[i].CheckInDayName&lt;/span&gt;
                  &lt;span&gt;@Model[i].DiscountPercent&lt;/span&gt;
                  &lt;span&gt;@Model[i].Price&lt;/span&gt;
                  &lt;button onclick="removelist(@Model[i].RRId)"&gt; Delete&lt;/button&gt;
              &lt;/div&gt;
  
          }
          &lt;hr style="width:100%;" /&gt;
          &lt;div class="cart-room flexrow"&gt;
              &lt;div class="sum flex1 flexcol"&gt;
                 &lt;div class="flexrow"&gt;
                      &lt;span class="flex1"&gt;@Model.Sum(m =&gt; m.Price)&lt;/span&gt;
                 &lt;/div&gt;
                 &lt;div class="paybtn-group"&gt;
                    &lt;button class="btns" onclick="history.go(-1); return false;"&gt;    back       &lt;/button&gt;
                      &lt;button class="mbtn_green btn_cart" type="submit"&gt;
                        submit
                      &lt;/button&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      }
  &lt;/main&gt;
  </code></pre>
  
  <p>when user click delete button, the row must deleted from list. and other row's submited. thanks.</p>