如何将Signature对象列表绑定至表单？附相关类与控制器代码

我来给你一步步拆解怎么把Signature对象列表绑定到表单上，ASP.NET的模型绑定机制其实已经帮我们做了大部分工作，只要按照规则来就好：

1. 确保控制器传递正确的模型到视图 #

首先你已经在控制器里通过form.Signatures = repository.Signatures.Where(s => s.FormID == ...)填充了签名列表，接下来只要把完整的Form对象传给视图就行：

public ActionResult Edit(int formId)
{
    var form = repository.Forms.FirstOrDefault(f => f.FormID == formId);
    if (form == null) return NotFound();
    
    // 填充签名列表
    form.Signatures = repository.Signatures.Where(s => s.FormID == formId).ToList();
    // 防止列表为空导致视图报错，提前初始化
    form.Signatures ??= new List<Signature>();
    
    return View(form);
}

2. 在视图中渲染签名列表（两种常用方式） #

方式一：用for循环手动渲染（适合简单场景） #

因为ASP.NET的模型绑定需要索引值来识别列表中的每个元素，所以不能用foreach，必须用for循环。在强类型视图里（模型为你的Form类）：

@model YourNamespace.Form

@using (Html.BeginForm())
{
    @Html.HiddenFor(m => m.FormID) <!-- 确保表单ID也能回传 -->
    
    <h3>签名信息</h3>
    @for (int i = 0; i < Model.Signatures.Count; i++)
    {
        <div class="card mb-3">
            <div class="card-header">@Model.Signatures[i].Title</div>
            <div class="card-body">
                <!-- 隐藏字段保存ID，提交时不会丢失 -->
                @Html.HiddenFor(m => m.Signatures[i].SignatureID)
                @Html.HiddenFor(m => m.Signatures[i].FormID)
                
                <div class="mb-3">
                    @Html.LabelFor(m => m.Signatures[i].Email, new { @class = "form-label" })
                    @Html.TextBoxFor(m => m.Signatures[i].Email, new { @class = "form-control" })
                    @Html.ValidationMessageFor(m => m.Signatures[i].Email, "", new { @class = "text-danger" })
                </div>
                
                <div class="mb-3">
                    @Html.LabelFor(m => m.Signatures[i].Date, new { @class = "form-label" })
                    @Html.TextBoxFor(m => m.Signatures[i].Date, new { @class = "form-control", type = "datetime-local" })
                    @Html.ValidationMessageFor(m => m.Signatures[i].Date, "", new { @class = "text-danger" })
                </div>
            </div>
        </div>
    }
    
    <button type="submit" class="btn btn-primary">保存修改</button>
}

这样生成的表单字段name属性会是Signatures[0].Email、Signatures[1].Date这种格式，模型绑定器能自动把提交的值映射回Form.Signatures列表。

方式二：用EditorTemplate模板（更优雅，适合复用） #

如果你的签名列表需要在多个视图里使用，用编辑器模板更方便：

1. 在Views/Shared/EditorTemplates文件夹下创建Signature.cshtml文件（名字要和模型类名一致）：

@model YourNamespace.Signature

<div class="card mb-3">
    <div class="card-header">@Model.Title</div>
    <div class="card-body">
        @Html.HiddenFor(m => m.SignatureID)
        @Html.HiddenFor(m => m.FormID)
        
        <div class="mb-3">
            @Html.LabelFor(m => m.Email, new { @class = "form-label" })
            @Html.TextBoxFor(m => m.Email, new { @class = "form-control" })
            @Html.ValidationMessageFor(m => m.Email, "", new { @class = "text-danger" })
        </div>
        
        <div class="mb-3">
            @Html.LabelFor(m => m.Date, new { @class = "form-label" })
            @Html.TextBoxFor(m => m.Date, new { @class = "form-control", type = "datetime-local" })
            @Html.ValidationMessageFor(m => m.Date, "", new { @class = "text-danger" })
        </div>
    </div>
</div>

2. 然后在主视图里，只需要一行代码就能渲染整个列表：

@model YourNamespace.Form

@using (Html.BeginForm())
{
    @Html.HiddenFor(m => m.FormID)
    
    <h3>签名信息</h3>
    @Html.EditorFor(m => m.Signatures) <!-- 自动遍历列表渲染模板 -->
    
    <button type="submit" class="btn btn-primary">保存修改</button>
}

3. 处理表单提交的Action #

最后在控制器里写接收提交的Action，模型绑定器会自动把表单数据填充到Form对象的Signatures列表里：

[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult Edit(Form form)
{
    if (!ModelState.IsValid)
    {
        // 验证失败，返回视图显示错误
        return View(form);
    }
    
    // 这里可以直接操作form.Signatures，比如更新到数据库
    repository.UpdateForm(form);
    repository.SaveChanges();
    
    return RedirectToAction("Details", new { formId = form.FormID });
}

额外注意点 #

• 一定要用HiddenFor保存SignatureID和FormID，否则提交时这些标识性数据会丢失，无法正确更新数据库
• 如果需要动态添加新的签名项，可以用JavaScript生成带有正确索引的表单字段（比如基于当前列表长度生成新的索引）
• 可以给Signature类的属性添加数据注解（比如[Required]、[EmailAddress]），这样能自动开启客户端和服务器端验证

内容的提问来源于stack exchange，提问作者coolhand