asp.net-mvc – MVC4 HTML TextBox在修改ViewModel后不起作用

前端之家收集整理的这篇文章主要介绍了asp.net-mvc – MVC4 HTML TextBox在修改ViewModel后不起作用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个我真的不明白的问题.我有一个非常简单的模型,它有一个List作为公共成员.每当我的控制器在回发时从模型中删除元素时,TextBoxFor() HTML帮助程序似乎都没有获取更改.这些助手似乎在缓存某些东西,但我不能把手指放在上面.

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

摄制

>导航到http://broken.azurewebsites.net
>请注意填充了零基值的4列值
>点击“测试”按钮POST回到我删除列表中第一项的页面
>注意“真实”值是正确的,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>
}

解决方法

更改您的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

猜你在找的asp.Net相关文章