MVC中@Html.Raw生成动态无模型控件的提交数据获取方法问询

兄弟，你现在用@Html.Raw()硬拼HTML的路子确实踩了模型绑定的坑——这种方式生成的控件没有遵循MVC模型绑定的命名规则，控制器自然没法自动捕获用户输入。而且字段数量不确定的场景，更适合用MVC原生支持的动态集合绑定方案，我给你一步步拆解怎么做：

第一步：定义通用视图模型 #

先搞一个能承载动态字段信息的视图模型，不管字段数量多少，都能统一管理：

// 单个动态字段的模型
public class DynamicFieldViewModel
{
    public string FieldName { get; set; } // 对应数据库的字段名（比如FNAME、LNAME）
    public string DisplayName { get; set; } // 控件的显示标签（比如"First Name"）
    public string Value { get; set; } // 用户输入的值
}

// 表单的父模型，用来装所有动态字段
public class DynamicFormViewModel
{
    public int Id { get; set; } // 你说的ID=1/2这个标识
    public List<DynamicFieldViewModel> DynamicFields { get; set; } = new List<DynamicFieldViewModel>();
}

第二步：控制器生成模型（而非HTML字符串） #

把原来循环生成HTML的逻辑，改成填充视图模型的逻辑，让视图来负责渲染控件：

public ActionResult DynamicForm(int id)
{
    var viewModel = new DynamicFormViewModel { Id = id };
    
    // 替换成你从数据库获取字段的逻辑
    var dbFields = GetFieldsFromDatabase(id); // 比如ID=1返回FNAME、LNAME；ID=2返回FNAME
    
    foreach (var field in dbFields)
    {
        viewModel.DynamicFields.Add(new DynamicFieldViewModel
        {
            FieldName = field.Key, // 数据库字段名
            DisplayName = GetFriendlyDisplayName(field.Key) // 转成友好显示名，比如FNAME→First Name
        });
    }
    
    return View(viewModel);
}

第三步：视图强类型渲染控件 #

用强类型视图循环渲染控件，MVC会自动生成符合绑定规则的name属性（比如DynamicFields[0].Value），这样提交时数据就能自动绑定到模型：

@model DynamicFormViewModel

@using (Html.BeginForm("SubmitDynamicForm", "YourController", FormMethod.Post))
{
    @Html.HiddenFor(m => m.Id)
    
    @for (int i = 0; i < Model.DynamicFields.Count; i++)
    {
        <div class="form-group">
            @Html.LabelFor(m => m.DynamicFields[i].Value, Model.DynamicFields[i].DisplayName)
            @Html.TextBoxFor(m => m.DynamicFields[i].Value, new { @class = "form-control" })
            @Html.HiddenFor(m => m.DynamicFields[i].FieldName) <!-- 回传字段名用于后续处理 -->
        </div>
    }
    
    <button type="submit" class="btn btn-primary">提交</button>
}

第四步：控制器接收提交数据 #

直接用视图模型接收，MVC模型绑定器会自动把表单值填充到集合里，不管字段数量多少都能处理：

[HttpPost]
public ActionResult SubmitDynamicForm(DynamicFormViewModel viewModel)
{
    // 这里就能拿到所有字段的输入值了
    foreach (var field in viewModel.DynamicFields)
    {
        // 替换成你的业务逻辑：比如根据FieldName把Value存入数据库
        SaveUserInput(viewModel.Id, field.FieldName, field.Value);
    }
    
    return RedirectToAction("DynamicForm", new { id = viewModel.Id });
}

进阶：支持多种控件类型 #

如果后续需要支持下拉框、复选框等控件，可以给DynamicFieldViewModel加个字段类型枚举，视图里根据类型渲染对应控件：

public enum FieldType
{
    TextBox,
    DropDownList,
    CheckBox
}

public class DynamicFieldViewModel
{
    // 原有字段...
    public FieldType FieldType { get; set; }
    public List<SelectListItem> SelectOptions { get; set; } // 下拉框的选项
}

视图里的渲染逻辑改成：

@for (int i = 0; i < Model.DynamicFields.Count; i++)
{
    <div class="form-group">
        @Html.LabelFor(m => m.DynamicFields[i].Value, Model.DynamicFields[i].DisplayName)
        @switch (Model.DynamicFields[i].FieldType)
        {
            case FieldType.TextBox:
                @Html.TextBoxFor(m => m.DynamicFields[i].Value, new { @class = "form-control" })
                break;
            case FieldType.DropDownList:
                @Html.DropDownListFor(m => m.DynamicFields[i].Value, Model.DynamicFields[i].SelectOptions, new { @class = "form-control" })
                break;
            case FieldType.CheckBox:
                @Html.CheckBoxFor(m => m.DynamicFields[i].Value)
                break;
        }
        @Html.HiddenFor(m => m.DynamicFields[i].FieldName)
    </div>
}

为啥原来的方法不行？ #

用@Html.Raw()生成的HTML，比如<input name="FNAME">，虽然能显示，但控制器没法提前定义对应数量的参数来接收；而用List集合的方式，MVC会通过DynamicFields[索引].属性名的命名规则自动绑定，不管字段数量是1个还是50个都能完美适配，还能用上MVC的验证、错误提示等原生特性。

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