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

时间:2012-11-30 23:55:53

标签: asp.net-mvc asp.net-mvc-4

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

可在此处找到演示/ Repro:http://broken.azurewebsites.net

摄制

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

  5. 模型

    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>
    }
    

1 个答案:

答案 0 :(得分:15)

更改您的帖子索引方法,如下所示:

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

       model.Items.RemoveAt(0);

       return View(model);
    }

原因如下:

TextBoxFor绑定到ModelState中的帖子值,而不是模型值。因此,在您的应用程序中,当您点击“测试”按钮时,文本框将绑定到它们已有的值,即使在更改模型值后也不会在回发时更新。例如,如果第一行中的文本框显示为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