ASP MVC 3 RAZOR 动态表单生成帖子

Question

我正在尝试使用带有文本字段的表单创建 asp mvc 3 页面，这些文本字段是根据我传递到页面控制器的模型中的列表中的对象数量动态生成的。我遇到的问题是，每当我发布到控制器时，列表都会维护值，但不会维护列表中对象的名称。这是一个示例：

模型：

public class SomeModel
    {
        List<Field> fieldList;
        public SomeeModel()
        {
            fieldList = new List<Field>();
        }


        public string Name { get; set; }

        public List<Field> FieldList
        {
            get
            {
                return fieldList;
            }
        }

    }

控制器：

public ActionResult Preview()
{
    SomeModel model = new SomeModel();
    model.FieldList.Add( new Field { name = "test 1"});
    model.FieldList.Add( new Field { name = "test 2"});
    model.FieldList.Add( new Field { name = "test 3"});

    return View(model);
}

视图：

@using (Html.BeginForm()) {
    <div>
        <fieldset>
            <legend>Input Field List</legend>

            @for (var i = 0; i < Model.FieldList.Count(); i++)
            {
                <div class="editor-label">
                   @Html.Label(Model.FieldList[i].name)
               </div>
               <div class="editor-field">
                   @Html.TextBoxFor(model => Model.FieldList[i].value)
               </div>
            }

             <p>
                <input type="submit" value="Generate PDF" />
            </p>
        </fieldset>
    </div>

我在这里看到了类似的帖子 .NET MVC Razor Dynamic Form Generation 但答案遇到了与我相同的问题。希望我说清楚了！如果没有，我会发布更多信息。谢谢！

Answer 1

您可以将这些名称作为隐藏字段包含在内。这样它们的值将被发布到控制器操作：

@for (var i = 0; i < Model.FieldList.Count(); i++)
{    
    @Html.HiddenFor(model => Model.FieldList[i].name)
    ...
}

另外，我建议您使用编辑器模板而不是编写这些循环：

@model SomeModel
@using (Html.BeginForm()) 
{
    <div>
        <fieldset>
            <legend>Input Field List</legend>
            @Html.EditorFor(x => x.FieldList)
            <p>
                <input type="submit" value="Generate PDF" />
            </p>
        </fieldset>
    </div>
}

以及相应的编辑器模板（~/Views/Shared/EditorTemplates/Field.cshtml ），将为 FieldList 集合的每个元素呈现：

@model Field
@Html.HiddenFor(model => model.name)
<div class="editor-label">
    @Html.LabelFor(model => model.value, Model.name)
</div>
<div class="editor-field">
    @Html.TextBoxFor(model => model.value)
</div>

不使用隐藏字段的另一种可能性是将这些名称外部化到某个数据存储中，然后拥有一个可以返回它们的存储库。因此，在您的两个操作中，您只需查询此存储库中的名称即可。由于它们无法更改，因此无需将它们包含在 HTML 中。