11

我在 MVC 中有以下类布局：

public class ReportModel 
{
    List<SomeItem> items;
    string value;
    string anotherValue;
}

现在我在这种类型的 MVC 中创建了一个强类型视图，并制作了可编辑的文本字段来编辑每个值，并使用 foreach 循环填充文本字段以编辑某些项目列表中的项目。

当我提交给 httppost 方法时，奇异值在 reportmodel 对象中恢复正常，但列表没有在对象中返回。这应该怎么做？

当我说 httppost 时，我指的是 MVC 发回的方法

[HttpPost]
public ActionResult EditReport(ReportModel report)
{
    // Save the report in here after the update on the UI side
}

查看发布某些项目列表的代码

if (Model.items != null && Model.items.Count > 0)
{
    for (int i = 0; i < Model.items.Count; i++)
    {                
        <div class="editrow">
            <div class="edititem">
                <div class="editor-label">
                    @Html.LabelFor(m => m.items.ElementAt(i).propertyOne)
                </div>
                <div class="editor-field">
                    @Html.TextBoxFor(m => m.items.ElementAt(i).propertyOne)
                    @Html.ValidationMessageFor(m => m.items.ElementAt(i).propertyOne)
                </div>
            </div>
            <div class="edititem">
                <div class="editor-label">
                    @Html.LabelFor(m => m.items.ElementAt(i).propertyTwo)
                </div>
                <div class="editor-field">
                    @Html.TextBoxFor(m => m.items.ElementAt(i).propertyTwo)
                    @Html.ValidationMessageFor(m => m.items.ElementAt(i).propertyTwo)
                </div>
            </div>
            <div class="edititem">
                <div class="editor-label">
                    @Html.LabelFor(m => m.items.ElementAt(i).propertyThree)
                </div>
                <div class="editor-field">
                    @Html.TextBoxFor(m => m.items.ElementAt(i).propertyThree)
                    @Html.ValidationMessageFor(m => m.items.ElementAt(i).propertyThree)
                </div>
            </div>
        </div>
    }
}
4

2 回答 2

17

不要ElementAt(1)在您的 lambda 表达式中使用 => 这会破坏您的输入字段名称。请阅读 Kirill 建议您的博客文章。

所以你可以使用索引访问：

for (int i = 0; i < Model.items.Count; i++)
{                
    <div class="editrow">
        <div class="edititem">
            <div class="editor-label">
                @Html.LabelFor(m => m.items[i].propertyOne)
            </div>
            <div class="editor-field">
                @Html.TextBoxFor(m => m.items[i].propertyOne)
                @Html.ValidationMessageFor(m => m.items[i].propertyOne)
            </div>
        </div>
        <div class="edititem">
            <div class="editor-label">
                @Html.LabelFor(m => m.items[i].propertyTwo)
            </div>
            <div class="editor-field">
                @Html.TextBoxFor(m => m.items[i].propertyTwo)
                @Html.ValidationMessageFor(m => m.items[i].propertyTwo)
            </div>
        </div>
        <div class="edititem">
            <div class="editor-label">
                @Html.LabelFor(m => m.items[i].propertyThree)
            </div>
            <div class="editor-field">
                @Html.TextBoxFor(m => m.items[i].propertyThree)
                @Html.ValidationMessageFor(m => m.items[i].propertyThree)
            </div>
        </div>
    </div>
}

当然，为了让索引器访问集合，这假设您的items属性被声明为List<SomeItem>or SomeItem[]。如果它是一个IEnumerable<SomeItem>它不会工作。因此，只需在视图模型上更改此属性的类型。

于 2012-10-03T12:39:45.417 回答
2

Kirill 对 Scott Hanselman 的博客条目的引用是正确的，但您的阅读范围太窄了。在显示的示例中，他将数组传递给 action 方法，但它也可以很容易地包含在父模型中。同样的概念也适用。

但是，要知道的一件事是，默认模型绑定器不会实例化嵌套类，因此它不会创建 List 类的实例，这意味着它将始终为 null。要解决此问题，您必须在构造函数中实例化空列表类。

这只是问题的一部分，因为数据必须以正确的方式格式化，模型绑定器才能绑定它。这就是 Scott 的博客文章的用武之地，因为它提供了模型绑定器将数据识别为列表所需的格式。

如果您使用 EditorTemplate 并使用 Html.EditorFor(m => m.Items) 然后有 SomeItem.cshtml EditorTemplate，这通常会为您处理。这处理了集合项命名的问题（只要您也在模板中使用强类型帮助器）。

于 2012-10-02T20:23:34.593 回答