ASP.NET MVC 3：当 BeginForm 位于布局上时生成不显眼的验证

Question

我刚刚意识到，当我在布局页面上围绕 RenderBody 部分放置表单标记时，不会生成不显眼的验证。像这样的事情：

@using (Html.BeginForm())
{
    <input type="submit" value="save" />

    <div>
        @RenderBody()
    </div>
}

正如您可能已经猜到的，我想在我的内容上生成按钮。这是正确的不引人注目的行为吗？

顺便说一句，如果我将表单放置在特定页面内，一切都会像魅力一样工作： data-val* 属性生成良好。

我将感谢您的宝贵帮助。

最好的问候

罗德里戈

Answer 1

你可以在你的视图中应用一个怪诞的黑客：

@{
    var originalContext = ViewContext.FormContext;
    ViewContext.FormContext = new FormContext();
}

<!-- This will generate proper HTML5 data-* validation attributes -->
@Html.TextBoxFor(x => x.Prop1)
@Html.ValidationMessageFor(x => x.Prop1)

@Html.TextBoxFor(x => x.Prop2)
@Html.ValidationMessageFor(x => x.Prop2)

@{
    ViewContext.FormContext = originalContext;
}

Answer 2

虽然将 @using (Html.BeginForm()) 放入内容页面可以修复验证问题，但它还会将一组额外的

标记放入输出中。我创建了一个小扩展来解决问题，而无需向输出写入任何内容。

将其用作 @using (Html.BeginSubForm())

public static class FormExtensions
{
    public static MvcSubForm BeginSubForm(this HtmlHelper html)
    {
        return new MvcSubForm(html.ViewContext);
    }
}


public sealed class MvcSubForm : IDisposable
{
    private readonly ViewContext _viewContext;
    private readonly FormContext _originalFormContext;

    public MvcSubForm(ViewContext viewContext)
    {
        _viewContext = viewContext;
        _originalFormContext = viewContext.FormContext;

        viewContext.FormContext = new FormContext();
    }


    public void Dispose()
    {
        if (_viewContext != null)
        {
            _viewContext.FormContext = _originalFormContext;
        }
    }
}

Answer 3

感谢您的帮助，我尝试了，但我找到了一个不像您建议的那样“怪诞”（如您所说）的解决方案：D

我只是在我的页面中放置了一个 BeginForm 方法，并在布局上放置了一个 BeginForm 方法：

@* On the layout page *@
@using (Html.BeginForm())
{
    <input type="submit" value="save" />

    <div>
        @RenderBody()
    </div>
}


@* On the content page *@
@using(Html.BeginForm())
{
  @* Content *@
}

所以，在我有两个 BeginForm 方法：ASP.NET MVC 引擎正在使用位于布局页面上的方法，因此 data-val* 属性能够正确呈现，并且表单放置在我想要的位置，因此布局上的任何提交按钮都可以提交我的特定页面并进行验证

它效果很好

非常感谢

，
罗德里戈

Answer 4

我刚刚遇到了同样的问题，但可能是基于 达林·季米特洛夫的答案。

诀窍是基于 WebViewPage类，视图的默认基类，并执行 FormContext 在那里交换。

abstract public class FormFixWebViewPage : FormFixWebViewPage<object>
{
}

abstract public class FormFixWebViewPage<T> : WebViewPage<T>
{
    override public void Write(System.Web.WebPages.HelperResult result)
    {
        var originalFormContext = ViewContext.FormContext;
        ViewContext.FormContext = new FormContext();

        base.Write(result);

        ViewContext.FormContext = originalFormContext;
    }
}

然后在 ~/Views/ 文件夹下的 Web.config 文件中，更改 pages 下的 pageBaseType 属性元素，可以在 system.web.webPages.razor 部分找到：

<system.web.webPages.razor>
    <host factoryType="System.Web.Mvc.MvcWebRazorHostFactory, System.Web.Mvc, Version=3.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
    <pages pageBaseType="<YOUR-NAMESPACE>.FormFixWebViewPage">
    <!--pages pageBaseType="System.Web.Mvc.WebViewPage"-->
        <namespaces>
            <add namespace="System.Web.Mvc" />
            <add namespace="System.Web.Mvc.Ajax" />
            <add namespace="System.Web.Mvc.Html" />
            <add namespace="System.Web.Helpers" />
            <add namespace="System.Web.Routing" />
        </namespaces>
    </pages>
</system.web.webPages.razor>

Answer 5

只需在子视图文件顶部添加以下代码...

@{
   Layout = "~/Views/Shared/_Layout.cshtml";
   this.ViewContext.FormContext = new FormContext();
}

它对我来说工作正常。

我希望这能帮助你......