MVC4 HTML TextBox在修改ViewModel后不起作用

Question

我有一个我真的不明白的问题.我有一个非常简单的模型,它有一个List作为公共成员.每当我的控制器在回发时从模型中删除元素时,TextBoxFor()HTML帮助程序似乎都没有获取更改.这些助手似乎在缓存某些东西,但我不能把手指放在上面.

可以在这里找到Demo/Repro:http://broken.azurewebsites.net

摄制

1. 导航到http://broken.azurewebsites.net
2. 请注意,填充了零基值的4列值
3. 点击"测试"按钮POST回到我删除列表中第一项的页面
4. 注意"真实"值是正确的,0元素已被删除,但这里的问题是通过TextBoxFor()呈现的值.当该元素不再存在时,我无法弄清楚为什么它仍然呈现0.

---

楷模

public class ItemViewModel
{
    public string Description { get; set; }
    public decimal? Amount { get; set; }
}

public class TestViewModel
{
    public TestViewModel()
    {
        Items = new List<ItemViewModel>();
    }

    public List<ItemViewModel> Items { get; set; }
}

调节器

public class HomeController : Controller
{
    public ActionResult Index()
    {
        var model = new TestViewModel();

        for (var i = 0; i < 4; i++)
        {
            model.Items.Add(new ItemViewModel { Description = i.ToString(), Amount = i });
        }

        return View(model);
    }

    [HttpPost]
    public ActionResult Index(TestViewModel model)
    {
        model.Items.RemoveAt(0);

        return View(model);
    }

}

视图

@model Demo.Models.TestViewModel
@using (Html.BeginForm())
{
    <table>
        <thead>
            <tr><td>Description</td><td>Amount</td><td>Real-Description</td><td>Real-Amount</td></tr>
        </thead>
        <tbody>
            @for (var i = 0; i < Model.Items.Count; i++)
            {
                var ii = i;
                <tr>
                    <td>@Html.TextBoxFor(m => m.Items[ii].Description)</td>
                    <td>@Html.TextBoxFor(m => m.Items[ii].Amount)</td>
                    <td>@Model.Items[ii].Description</td>
                    <td>@Model.Items[ii].Amount</td>
                </tr>
            } 
        </tbody>
    </table>
    <button>Test</button>
}

Answer 1

更改您的post index方法,如下所示:

    [HttpPost]
    public ActionResult Index(TestViewModel model)
    {
       ModelState.Clear();     

       model.Items.RemoveAt(0);

       return View(model);
    }

原因如下:

TextBoxFor绑定到ModelState中的post值而不是model值.因此,在您的应用程序中,当您点击"测试"按钮时,文本框将绑定到它们已有的值,即使在更改模型值后也不会在回发时更新.例如,如果第一行中的文本框显示为0,即使在回发后它们仍将绑定到该值,并且基础模型的值为1.此行为背后的原因是验证.如果您希望文本框中的int和用户输入"SomeTextValue",则模型绑定器将无法绑定到int属性,并且它将处于验证错误状态.然后,您希望用户看到"SomeTextValue"不是整数的错误.请输入一个整数,因为您希望用户输入的值在那里.

Rick Strahl在这篇博文中完美地解释了这一点

http://www.west-wind.com/weblog/posts/2012/Apr/20/ASPNET-MVC-Postbacks-and-HtmlHelper-Controls-ignoring-Model-Changes

和Brand Wilson下面:

http://forums.asp.net/post/3688022.aspx