Question

我看过this post，那里的小伙子似乎想做同样的事情。我继承了这个应用程序，虽然我是.NET开发人员，但与其他语言中的其他MVC框架相比，MVC的东西看起来很神奇。我的突出代码如下：

public class PurchaseOrderViewModel
{
    public PurchaseOrderViewModel()
    {
        this.PurchaseOrder = new PurchaseOrder();
    }
    // Some other fields here....
    public PurchaseOrder PurchaseOrder { get; set; }

    public IList<PurchaseOrderItem> OrderItems { get; set; }
 }

控制器：

    [HttpPost]
    public ActionResult Details(PurchaseOrderViewModel viewModel)
    {
       // bunch of stuff. the viewModels.OrderItems here is null. 
    }

模型中的OrderItem是ICollection＆lt;＆gt;我正在转换为IList的迭代性质。该观点的相关部分如下：

 @model PurchaseOrderViewModel
 @for (var i = 0; i < this.Model.OrderItems.Count; i++)
 {                
    @Html.EditorFor(m => m.OrderItems[i].Quantity);
 }

那么为什么我没有让OrderItems通过呢？这与他们是IList而不是ICollection的事实有关吗？如果是这样，解决方法是什么？

编辑：我已经改变了视图代码，因为我留下了之前我尝试过的东西。

编辑2：我考虑了当前的评论/答案，所以现在我做了以下更改：

视图模型：

    public ICollection<PurchaseOrderItem> PurchaseOrderItems { get; set; }

PurchaseOrderItem.cshtml :(我实际上已将其保留在代码中，以防万一）：

@model Downland.Model.PurchaseOrderItem

<tr style="background-color: #fff; padding: 8px;">
<td style="text-align: left; width: 210px;">
    @if (this.Model.ProductID == null)
    {
        <img class="viewproduct" src="~/Images/GetThumbnail/-1" alt="Product Image" style="padding: 8px;" />
    }
    else
    {
        <img class="viewproduct" src="~/Images/GetProductImage?productId=@(this.Model.ProductID)" alt="Product Image" style="padding: 8px;" />
    }
</td>
<td>
    @(string.IsNullOrEmpty(this.Model.SKU) ? this.Model.NonDownlandSKU : this.Model.SKU)
</td>
<td>@this.Model.ProductName</td>
<td>
    @this.Model.Quantity
    @Html.EditorFor(m => m.Quantity)
</td>
<td>
    @string.Format("{0:C}", this.Model.PriceExVAT)
    @Html.EditorFor(m => m.PriceExVAT)
</td>
<td>@string.Format("{0:C}", this.Model.VATTotal)</td>
<td>
    @string.Format("{0:C}", this.Model.ItemTotal)
</td>
</tr>

查看代码：

@Html.EditorFor(m => m.PurchaseOrderItems);

另一个有趣的观点。在GET上，我根据数据库数据在视图模型中设置PurchaseOrder，然后设置PurchaseOrderItems。在Post上看来，我们再次使用数据库中的数据在视图模型中设置purchaseOrder。根据传递给帖子的内容，视图模型中还有一些其他字段正确设置，但PurchaseOrderItems仍为空。

Answer 1

您不应该在视图中进行此转换，因为以下表达式太复杂而且标准编辑器模板不支持：

m => m.PurchaseOrder.PurchaseOrderItems.ToList()[i].Quantity

所以，你应该使用一个真实的视图模型，你不仅可以将EF对象作为属性填充，并使用ViewModel后缀命名（这是PurchaseOrderViewModel的样子）。因此，一旦您拥有真实的视图模型，您就可以轻松访问相应的属性，因为它的类型为IList<T>：

@Html.EditorFor(m => m.PurchaseOrder.PurchaseOrderItems[i].Quantity);

这就是说，如果由于某种原因你继承了一些传统的垃圾，那么你仍然有一个解决方法。您可以使用编辑器模板。

首先，您可以在~/Shared/EditorTemplates/PurchaseOrderItem.cshtml中添加以下模板：

@model PurchaseOrderItem
@Html.EditorFor(x => x.Quantity)

此模板的名称非常重要，因为它按惯例工作。它应该被命名为ICollection<>的{{1}}类型，位于~/Shared/EditorTemplates。

然后简单地调整你的观点：

@Html.EditorFor(m => m.PurchaseOrder.PurchaseOrderItems);

在这种情况下，EditorFor帮助器会推断PurchaseOrderItems是ICollection<T>，它会自动循环遍历此集合的元素并呈现相应的~/Shared/EditorTemplates/T.cshtml模板你可以自定义。

更新：

看起来我需要发布一个简单的例子来说明如何使用编辑器模板。

一如既往，让我们从视图模型开始：

public class PurchaseOrderViewModel
{
    public ICollection<PurchaseOrderItem> PurchaseOrderItems { get; set; }
}

public class PurchaseOrderItem
{
    public int Quantity { get; set; }
}

然后是一个带有2个动作的控制器（一个用于显示表单，另一个用于处理来自此表单的提交数据）：

public ActionResult Index()
{
    var model = new PurchaseOrderViewModel();
    // This information will probably come from querying some data store. 
    // That could be a SQL database for example. But for the purpose
    // of this sample we are just hardcoding some values to illustrate 
    // the concept without any dependencies
    model.PurchaseOrderItems = new[]
    {
        new PurchaseOrderItem
        {
            Quantity = 5,
        }
    };
    return View(model);
}

[HttpPost]
public ActionResult Index(PurchaseOrderViewModel model)
{
    // ... everything gets bound correctly here
}

然后是强类型视图：

@model PurchaseOrderViewModel
@using (Html.BeginForm())
{
    @Html.EditorFor(x => x.PurchaseOrderItems)
    <input type="submit" value="OK" />
}

最后是相应的编辑器模板（~/Shared/EditorTemapltes/PurchaseOrderItem.cshtml）：

@model PurchaseOrderItem
@Html.EditorFor(x => x.Quantity)

尝试将ICollection添加到ASP.NET中的ViewModel

1 个答案: