0

我正在使用 ajax 动态地将项目添加到字段列表中。

问题是这些项目没有正确的 ID 或名称，因此它们无法正确映射，并且在提交表单时不会反映在模型中。

这是我的代码的结构：

public class Main
{
    public IEnumerable<FieldSection> Sections { get; set; }
}

public class FieldSection
{
    public virtual IList<Field> Fields { get; set; }
}

public class Field
{
    [Required]
    public string Value { get; set; }
}

这就是我渲染 Main 的方式：

<div class="field-sections">
    <div id="sections">
        @Html.EditorFor(model => model.Sections)
    </div>
    <p>
        <span class="add-section">Add Section</span>
    </p>
</div>

一个 Section 有一个 EditorTemplate 是这样的：

<div class="field-list">
    @Html.EditorFor(model => model.Fields)
</div>
<p>
    <span class="add-field">Add Field</span>
</p>

字段具有如下 EditorTemplate：

<div class="editor-field">
    @Html.LabelFor(model => model.Value)
    @Html.EditorFor(model => model.Value)
    @Html.ValidationMessageFor(model => model.Value)
</div>

如果我有一个部分和两个字段，则该字段的最后一个文本框Value的 ID 为Sections_0__Fields_1__Value，名称为Sections[0].Fields[1].Value.

我Field通过渲染我的 EditorTemplate 添加一个 by ajax Field.cshtml，将其返回到页面并将其添加到部分。但是 ID 将是Value，名称将是Value。

这显然是不正确的。似乎我可以在使用 javascript 将其添加到页面之前修改我的 HTML 以为其提供正确的 ID/名称，但这是一个非常糟糕的解决方案。如何让我的视图以正确的名称和 ID 呈现？还是我以错误的方式接近这个？

编辑

渲染字段代码：

[HttpGet]
public string Field()
{
    return MvcRenderUtility.RenderToString(this, "EditorTemplates/TemplateField", new TemplateField());
}

和渲染实用程序：

public static class MvcRenderUtility
{
    public static string RenderToString(Controller controller, string viewName, object model)
    {
        if (string.IsNullOrEmpty(viewName))
            viewName = controller.ControllerContext.RouteData.GetRequiredString("action");

        controller.ViewData.Model = model;

        using (StringWriter sw = new StringWriter())
        {
            ViewEngineResult viewResult = ViewEngines.Engines.FindPartialView(controller.ControllerContext, viewName);
            ViewContext viewContext = new ViewContext(controller.ControllerContext, viewResult.View, controller.ViewData, controller.TempData, sw);
            viewResult.View.Render(viewContext, sw);
            return sw.GetStringBuilder().ToString();
        }
    }
}
4

1 回答 1

0

我建议您在浏览器中添加字段，也许使用 jQuery，并在 post 操作方法中检索新字段的值：

public ActionResult Edit(MyModel model, FormCollection raw) {

  // scan the raw collection for new fields and add them to your model

}
于 2013-06-03T18:45:13.540 回答