3

使用后退按钮并重新提交表单时出现问题，绑定到下拉列表的模型上的值不会在第二次提交时保留。

在现实生活中，此代码是一个报告生成器——表单从用户那里收集参数，然后将其发布到显示数据的结果视图。显然，这是一段相当复杂的代码，但下面我有一些简单的代码展示了相同的错误：

我有一个这样的模型：

public class HomeModel
{
    public string SomeText { get; set; }

    public long SelectedItemId { get; set; }

    public IEnumerable<SelectListItem> AvailableItems { get; set; }

}

提交模型实例的表单，如下所示：

@using(Html.BeginForm("Result", "Home", FormMethod.Get))
{
    @Html.EditorFor(model => model.SomeText)
    <br />
    @Html.DropDownListFor(model => model.SelectedItemId, Model.AvailableItems)
    <input type="submit" value="submit" />
}

还有一个显示细节的视图，就像这样

You Typed: @Html.DisplayFor(model => model.SomeText) <br />

You Selected: @Html.DisplayFor(model => model.SelectedItemId)

还有一个控制器来管理这一切：

  public class HomeController : Controller
  {
        //
        // GET: /Home/

        public ActionResult Index()
        {
            HomeModel model = new HomeModel();

            List<SelectListItem> items = new List<SelectListItem>();

            for (int i = 0; i < 10; i++)
                items.Add(new SelectListItem() { Value = i.ToString(), Text = i.ToString() });

            model.AvailableItems = items;


            return View(model);
        }

        public ActionResult Result(HomeModel model)
        {
            return View(model);
        }

    }

我填写表格，按提交。我被重定向到结果视图，一切都很好。

然后我在浏览器中按回，再次显示索引视图。

然后我再次提交表格，事情变糟了。尽管列表似乎显示了浏览器中先前选择的值，但模型并未使用我列表中的选定值重新填充。

字符串属性正在正确更新，这在我显示此行为的真实世界代码中是正确的。

这只发生在 IE 中，我使用的是版本 9。

4

2 回答 2

1

好吧，我找到了解决方案。

简短回答：不要在模型属性后缀“Id”

当我第一次在示例中加载索引视图时，会呈现以下内容：

<SELECT id=SelectedItemId name=SelectedItemId data-val-required="The field is required"...>

当我提交时，按回然后检查来源，这就是我得到的：

<select name="SelectedItem" id="SelectedItem">

请注意，元素的名称已更改，严重破坏了 MVC 的反序列化程序。

这可以在发布的 URL 中看到，当我第一次发布表单时，这是在浏览器中显示的 url：

http://localhost:57175/Home/Result?SomeText=999&SelectedItemId=1

然后，当我按回并再次发布时，显示如下：

http://localhost:57175/Home/Result?SomeText=999&SelectedItem=1

我可以忍受更改属性名称，但问题是它还剥离了使用不显眼验证所需的所有验证属性。谁能告诉我如何保留这些？

于 2013-07-16T13:45:50.373 回答
1

对，这肯定现在一切正常。

这与我插入脚本标签以进行验证的位置有关。我很懒，只是把它们放在视图的顶部，所以当整个页面被组装和渲染时，它们就在正文中。

IE 似乎对此不以为然，当按下后退按钮时，脚本引用消失了，所有验证属性和我的属性名称中的“Id”也消失了。有点奇怪，但你去

因此，故事的寓意是始终将脚本放在正确的位置。

于 2013-07-16T16:35:03.180 回答