Asp.net MVC中提交集合对象,实现Model绑定

Asp.net MVC中的Model自动绑定功能,方便了我们对于request中的数据的处理, 从客户端的请求数据,自动地以Action方法参数的形式呈现。有时候我们的Action方法中想要接收数组类型的参数,如何写表单,使得Model能够自动绑定到数组参数上呢?

看下面的代码,Action方法UpdateStudents就需要IEnumerable<Student>类型的参数,用来批量更新Student数据。

复制代码
[HttpPost] 
public ActionResult UpdateStudents(IEnumerable<Student> students) 
{

     //....save 
}
复制代码

上面是一个非常典型的应用场景, 如何为表单中的field命名,能够使得提交表单的时候,model bind能够自动创建好IEnumerable<Student>类型的students呢?

下面就是在批量更新场景下的表单View代码

复制代码
@using(Html.BeginForm())
{
    for (var i = 0; i < Model.Count(); i++ )
    {
        <div style="border-bottom: 1px solid red;">
            <p>id:@Html.TextBoxFor(m => m[i].Id)</p>
            <p>name:@Html.TextBoxFor(m => m[i].Name)</p>
            <p>age:@Html.TextBoxFor(m => m[i].Age)</p>
        </div>
    }
    <input type ="submit"/>
}
复制代码

再来看看生成html的表单的实际效果

复制代码
<form action="/home/updatestudents" method="post">        <div style="border-bottom: 1px solid red;">
            <p>id:<input data-val="true" data-val-number="The field Id must be a number." data-val-required="The Id field is required." name="[0].Id" type="text" value="1" /></p>
            <p>name:<input name="[0].Name" type="text" value="Andrew Peters" /></p>
            <p>age:<input data-val="true" data-val-number="The field Age must be a number." data-val-required="The Age field is required." name="[0].Age" type="text" value="18" /></p>
        </div>
        <div style="border-bottom: 1px solid red;">
            <p>id:<input data-val="true" data-val-number="The field Id must be a number." data-val-required="The Id field is required." name="[1].Id" type="text" value="2" /></p>
            <p>name:<input name="[1].Name" type="text" value="Brice Lambson" /></p>
            <p>age:<input data-val="true" data-val-number="The field Age must be a number." data-val-required="The Age field is required." name="[1].Age" type="text" value="29" /></p>
        </div>
        <div style="border-bottom: 1px solid red;">
            <p>id:<input data-val="true" data-val-number="The field Id must be a number." data-val-required="The Id field is required." name="[2].Id" type="text" value="3" /></p>
            <p>name:<input name="[2].Name" type="text" value="Rowan Miller" /></p>
            <p>age:<input data-val="true" data-val-number="The field Age must be a number." data-val-required="The Age field is required." name="[2].Age" type="text" value="56" /></p>
        </div>
    <input type ="submit"/>
</form>
复制代码

可以看到对于集合数据的绑定,MVC中有自己的定义规则,所有的表单项都是[number].Field的形式。

上面是更新的例子,如果是批量添加数据,不能使用HtmlHelper,只要是提交的表单项按照这个规则来命名,MVC也能够自动绑定成集合对象。

关于Model Bidning,这里还有一篇文章

Asp.net MVC使用Model Binding解除Session, Cookie等依赖

 
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页