Как создать поле ввода (текстовое поле) для свойства модели - PullRequest
Новая
       14

Как создать поле ввода (текстовое поле) для свойства модели

1 голос
/ 12 марта 2011

У меня есть простая модель корзины для покупок, которая содержит список предметов: 

public class ShoppingCart
{
    public List<Item> Items { get; set; }
    public double Tax { get; set; }
    // ... some other properties
}

public class Item
{
    public string Name { get; set; }
    public int Quantity { get; set; }
    public double Price { get; set; }
    public double TotalCost { get { return Quantity * Price; } }
}

Я хочу изменить количество определенного товара, и я сделал следующее представление: 

<%using (Html.BeginForm("Recalculate", "ShoppingCart", Model))
  { %>
<table id="cartTable" border ="5px" cellpadding="5px" cellspacing="5px" width="640">
    <tr>
        <td><b>Item Name</b></td>
        <td><b>Item Qty</b></td>
        <td><b>Item Price</b></td>
        <td><b>Subtotal</b></td>
    </tr>
    <%
    if (Model != null && Model.Items != null)
    {
        foreach (ShoppingCart.Models.Item item in Model.Items)
        {
            %>
            <tr>
                <td><%: item.Name%></td>
                <td><%: Html.TextBoxFor(m => m.Items[Model.Items.IndexOf(item)], new { @Value = item.Quantity })%></td>
                <td><%: String.Format("{0:C}", item.Price)%></td>
                <td><%: String.Format("{0:C}", item.TotalCost)%></td>
            </tr>
            <%
        }
    } 
    %>
    <!-- some other rows/columns go here -->
</table> 
<input type="submit" value="Update Cart" />
<%} %>

И мой контроллер: 

public class ShoppingCartController : Controller
{

    /// </summary>
    /// <returns></returns>
    [HttpGet]
    public ActionResult Show(ShoppingCart model)
    {
        if (model!= null && model.Items == null)
        {
            List<Item> items = new List<Item>();
            items.Add(new Item { Name = "Hat", Price = 20.0, Quantity = 1 });
            items.Add(new Item { Name = "Snowboard", Price = 430.0, Quantity = 1 });
            items.Add(new Item { Name = "Goggles", Price = 24.0, Quantity = 3 });

            model.Items = items;
            model.Tax = 6.5;
        }
        return View(model);
    }

    [HttpPost]
    public ActionResult Recalculate(ShoppingCart model)
    {
        if (model != null && model.Items!=null)
        {
            foreach (Item item in model.Items)
            {
                if (item.Quantity == 0)
                {
                    model.Items.Remove(item);
                }
                else if (item.Quantity < 0)
                {
                    ModelState.AddModelError("error", "The quantity for " + item.Name + " must not be smaller than 0.");
                }
            }
        }
        return RedirectToAction("Show", "ShoppingCart", model);
    }

}

К сожалению, когда я нажимаю кнопку «Обновить корзину», она вызывает мою функцию «Пересчитать», но теперь все элементы в списке «Предметы» равны нулю.Как я могу сохранить элементы И обновить количество данного элемента?

В функции BeginForm я попытался передать текущую модель и вообще не передавать ее ... ничего не меняется.Может ли кто-нибудь помочь мне понять это?

Ответы [ 2 ]

5 голосов
/ 12 марта 2011

Сделайте эти изменения в соответствующих местах, и все начнет работать. Обратите внимание, что в то время как обратный вызов Price и TotalCost не будет заполнен в модели, поскольку соответствующие визуализированные элементы являются статическим текстом. Их можно повторно заполнить в контроллере или добавить скрытое поле в представлении, чтобы их можно было разместить и снова заполнить. 

<%using (Html.BeginForm("Recalculate", "ShoppingCart", FormMethod.Post))

<td><%: Html.TextBoxFor(m => m.Items[Model.Items.IndexOf(item)].Quantity)%></td>

//return RedirectToAction("Show", "ShoppingCart", model);
return View("Show", model);
1 голос
/ 12 марта 2011 
 <%= Html.TextBox("Quantity", Model.Items[Model.Items.IndexOf(item)].Quantity ) %>

Это хороший пост в блоге, который стоит прочитать: http://weblogs.asp.net/nmarun/archive/2010/03/13/asp-net-mvc-2-model-binding-for-a-collection.aspx

...