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

时间:2011-06-15 14:08:32

标签: asp.net-mvc-3 jquery partial-views

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

模特

public class Contact 
    {
        [Key]
        public int Id { get; set; }
        [Required]
        public string Email { get; set; }
        [NotMapped]
        public string Message { get; set; }
    }

观点

@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);
    }

部分

@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/>

控制器

  [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();
        }

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

发布电子邮件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/>

我已经尝试创建一个新模型并将其传递给我,我已经尝试了ModelState.Clear(),我可以用一点jquery修复问题

 $("#Email").val(''); // clear the email address 

但这看起来有点哈哈,我想了解发生了什么。

1 个答案:

答案 0 :(得分:9)

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

有关内置帮助程序以何种方式运行的详细信息,请参阅this blog post