包含表单的ASP.NET MVC3 Html.Action

Question

我的页面上有一个包含表单的窗格.

我以类似于以下方式使用此pod:

@Html.Action("Pod","Home")

Pod的HttpPost操作中有一些业务规则检查,用于处理表单发布.如果此业务规则失败,我会向模型状态添加错误.

问题是,当业务规则无法验证时.我从pod操作返回一个View,它只显示空白页面上的pod.

我如何正确地重用这样的表单,并且仍然具有此业务规则的服务器端验证(需要db命中验证)？

Answer 1

一种可能性是AJAX化Pod部分中的表单:

<div id="pod">
    @Html.Action("Pod","Home")
</div>

在里面Pod.cshtml:

@using (Html.BeginForm("Pod", "Home", FormMethod.Post, new { id = "podForm" }))
{
    ...
}

最后AJAXify它:

$(function() {
    $('#podForm').submit(function() {
        $.ajax({
            url: this.action,
            type: this.method,
            data: $(this).serialize(),
            success: function(result) {
                $('#pod').html(result);
            }
        });
    });
});

最后要确保的是POST操作将Pod.cshtml作为局部视图返回.两种可能性:

[HttpPost]
public ActionResult Pod(PodViewModel model)
{
    if (!ModelState.IsValid)
    {
        return PartialView(model);
    }
    ...
}

或Pod.cshtml部分:

@{
    Layout = null;
}