mvc.net 如何在迭代列表时使用强类型助手

Question

我有一个部分视图，它将对象列表呈现为表格格式并允许编辑值...

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<IList<whoozit.Models.PictureModel>>" %>

<% foreach (whoozit.Models.PictureModel p in Model)
           { %>

  <td>
  <%: Html.TextBox("name",p.name) %>
  <%: Html.ValidationMessage(p.name) %>
  </td>  

<% } %>

我想重构它以利用 mvc2 中的强类型 html 帮助程序。我在理解如何创建 lambda 表达式时遇到困难，希望得到一些帮助。以下对我来说似乎不太正确。

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<IList<whoozit.Models.PictureModel>>" %>

<% foreach (whoozit.Models.PictureModel p in Model)
           { %>

  <td>
  <%: Html.TextBoxFor(???) %>
  </td>  

<% } %>

Answer 1

首先，您不应该在视图中进行迭代。迭代意味着循环，循环意味着 C#/VB.NET，视图中的 C#/VB.NET 会导致意大利面条式代码。

我建议您使用 编辑器模板。这样您就不需要在视图中编写循环。在 ~/Views/Home/EditorTemplates/PictureModel.ascx 中添加以下文件：

<%@ Control Language="C#" 
    Inherits="System.Web.Mvc.ViewUserControl<whoozit.Models.PictureModel>" %>
<td>
    <%: Html.TextBoxFor(x => x.name) %>
    <%: Html.ValidationMessageFor(x => x.name) %>
</td>

请注意，部分现在强类型为 whoozit.Models.PictureModel 而不是 IList。现在剩下的就是在主视图中包含此部分：

<%: Html.EditorFor(x => x.Pictures) %>

其中 Pictures 是主视图模型上 IList 类型的属性。这将自动调用集合中每个元素的部分，这样您就不需要在视图中编写丑陋的循环。

它只是按照惯例工作：部分需要称为 PictureModel.ascx 作为列表元素的类型名称，并位于 ~/Views/Home/EditorTemplates 或 >~/Views/Shared/EditorTemplates 文件夹。

编辑器/显示模板将使您的视图更加优雅。

备注：在 .NET 中，约定属性名称以大写字母开头，因此我建议您将 name 属性重命名为 Name。书写和阅读感觉更自然：

<%: Html.TextBoxFor(x => x.Name) %>

Answer 2

您可以通过使用 for 循环遍历模型来使用强类型辅助方法。这也将使“name”html 属性变得唯一，因此模型绑定器可以帮助您在保存情况下将值映射回模型。

<% for (int i = 0; i < Model.Count; i++) { %>

  <%: Html.TextBoxFor(m => m[i].Name) %>
  <%: Html.TextBoxFor(m => m[i].SomethingElse) %>

<% } %>

在这里阅读更多内容..
http://haacked.com/archive/2008 /10/23/model-binding-to-a-list.aspx

Answer 3

<%= Html.TextBoxFor(p => p.name) %> 

Answer 4

您告诉您的部分视图需要一个 whoozit.Models.PictureModel 项目的列表。那么你的 foreach 正在寻找 whoozit.Models.Picture 而不是 PictureModel。以下是我通常会如何做这样的事情。确保您尝试枚举的列表是正确的类型。如果图片类来自 PictureModel 内的集合，请确保您在 foreach 中执行 Model.Whatever。

试试这个：

<% foreach(var p in Model) { %>
<td>
<%: Html.TextBoxFor(p => p.name) %>
<%: Html.ValidateFor(p => p.name) %>
</td>
<% } %>