列表项的 Asp.net razor 文本框数组

Question

我无法找到或弄清楚如何获取项目列表（纸杯蛋糕）并将它们显示在带有数量字段的剃须刀中。

发生的情况是我无法获取列表中每个纸杯蛋糕数量的值。你能在 Razor 中做文本框数组吗？

查看

<div class="form-group">
    <label>Cupcakes</label>
    @foreach (var cupcake in Model.CupcakeList)
    {
        @Html.TextBox("CupcakeQuantities", cupcake.Id)  @cupcake.Name <br/>
    }
</div>

型号

public List<Cupcake> CupcakeList { get; set; }
public List<int> CupcakeQuantities { get; set; }

控制器

public ActionResult Create()
{
    var model = new PartyBookingModel()
    {
        CupcakeList = db.Cupcakes.ToList(),
        CupcakeQuantities = new List<int>()
    };

    return View(model);
}

纸杯蛋糕（实体）

public class Cupcake
{
    public int Id { get; set; }
    public string Name { get; set; }
    public decimal PerDozen { get; set; }
}

Answer 1

您必须使用索引，而不是 foreach 才能工作。

@for (int i = 0; i < Model.CupcakeList.Count; i++)
{
    @Html.TextBoxFor(x=>Model.CupcakeQuantities[i]) @Model.CupcakeList[i].Name <br/>
}

这将创建顺序命名+编号的条目，这些条目将在回发时重新组合回模型中。

我意识到这可能看起来像“为什么 foreach 不起作用？”，但对于 foreach，TextBoxFor 没有足够的反射信息（因为它只是一个对象），而数组索引是通过Model.CupcakeQuantities[i] 表达式的反射提取。

接收控制器方法应该与传递给视图的模型相同：

例如

[HttpPost]
public ActionResult(PartyBookingModel model)

Answer 2

试试这个方法：

查看：

@for (int i = 0; i < Model.Count; i++)
{
    @Html.HiddenFor(x=>Model[i].Id) @Model[i].Name  
    @Html.TextBoxFor(x => Model[i].Quantity) <br/>
}

型号：

public class CupcakeViewModel
{
   public int Id {get;set;}
   public string Name {get;set;}
   public int Quantity {get;set;}   
}

控制器：

public ActionResult Create()
{
    var model = db.Cupcakes.Select(c => new CupcakeViewModel {
                                                Id = c.Id,
                                                Name = c.Name,
                                                Quantity = 0 
                           })
                           .ToList();

    return View(model);
}

[HttpPost]
public ActionResult Create(CupcakeViewModel[] cakes)
{
     //Save choosen cakes
}