asp.net MVC3局部视图结果没有更新EditorFor值

Axe*_*Axe 2 jquery partial-views asp.net-mvc-3

我有一个简单的电子邮件捕获表单作为我的主页的一部分,但是当我返回部分视图时,表单的编辑器的模型值没有得到更新:

该模型

public class Contact 
    {
        [Key]
        public int Id { get; set; }
        [Required]
        public string Email { get; set; }
        [NotMapped]
        public string Message { get; set; }
    }
Run Code Online (Sandbox Code Playgroud)

观点

@model TestApp.Models.Contact

@{
    ViewBag.Title = "Home Page";
}

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.form.js")" type="text/javascript"></script>

<script type="text/javascript" >
    $(function () {
        // ajax form post 
        $("#EmailForm").ajaxForm(function (result) {
            $("#EmailForm").html(result); // post results 
        });
    });
</script>
    @using (@Html.BeginForm("SaveEmail", "Home", FormMethod.Post, new { id = "EmailForm" }))
    { 
        @Html.Partial("SaveEmail", Model);
    }
Run Code Online (Sandbox Code Playgroud)

偏袒

@model TestApp.Models.Contact

<span class="editor-label">
    @Html.LabelFor(m => m.Email) :
</span>
<span class="editor-field">
    @Html.EditorFor(m => m.Email)
</span>
<input type="submit" value="Submit" />
<div id="message"> 
    @Html.ValidationMessageFor(m => m.Email) 
    @Html.DisplayFor(m => m.Message) 
</div>  

<br/>
Run Code Online (Sandbox Code Playgroud)

控制器

  [HttpPost]
        public PartialViewResult SaveEmail(Contact contact)
        {
            if (ModelState.IsValid)
            {
                //TODO: save e-mail to database

                contact.Message = "You e-mail has been added to our database - Thank y   ou";
                contact.Email = "";
                    return PartialView(contact);

            }

            return PartialView();
        }
Run Code Online (Sandbox Code Playgroud)

这会按预期返回模型错误,在模型状态有效时返回消息,但响应中的电子邮件文本框值不会更新

发送电子邮件a@b.com时,回复形式为firebug

<span class="editor-label">
    <label for="Email">Email</label> :
</span>
<span class="editor-field">
    <input class="text-box single-line" id="Email" name="Email" type="text" value="a@b.com" />
</span>
<input type="submit" value="Submit" />
<div id="message"> 

    You e-mail has been added to our database - Thank you 
</div>  

<br/>
Run Code Online (Sandbox Code Playgroud)

我已经尝试创建一个新模型并将其传递给我,我已经尝试过ModelState.Clear(),我可以用一点jquery来解决这个问题

 $("#Email").val(''); // clear the email address 
Run Code Online (Sandbox Code Playgroud)

但这似乎有点hacky,我想了解发生了什么.

gra*_*ram 10

在将"电子邮件"字段设置为空字符串之后添加ModelState.Clear()并在返回PartialView之前添加一个ModelState.Clear()应该可以解决问题.您也可以尝试ModelState.Remove("Email").

有关内置帮助程序以这种方式运行的原因的详细信息,请参阅此博客文章.