ASP.NET MVC4-在多个文本框中添加多个

Question

I'm working with ASP.NET MVC4. I want to offer the possibility to add multiples records (from 1 to 3 maximum) by displaying a view with multiple textboxes which finally represents the same things.

For instance, in my View, I would like to have something like this :

Start hour (1) : |TextBoxForHours| h |TextBoxForMinutes|

Start hour (2) : |TextBoxForHours| h |TextBoxForMinutes|

Start hour (3) : |TextBoxForHours| h |TextBoxForMinutes|

In my controller, I'll check how many textboxes have been filled and save it in my db.

Here's the ViewModel I've created to do that :

public class DeniedIntervalsViewModel
{
    public int StartHour { get; set; }

    public int StartMinute { get; set; }


}

Any idea to do that?

Answer 1

you can use input naming convention for Array, List, Collection or dictionary like this

[Updates]

Oneway inputs:

@for (int i = 0; i < Model.Count; i++)
{
    <div>
        <label>Start hour :</label>
        <input type="text" name="intervals[@i].StartHour " value="" />
        <input type="text" name="intervals[@i].StartMinute " value="" />
    </div>
}

To bind ViewModel back to View:

@for (int i = 0; i < Model.Count; i++)
{
    <div>
        <label>Start hour :</label>
        @Html.TextBoxFor(model => model.Intervals[i].FirstName)
        @Html.TextBoxFor(model => model.Intervals[i].LastName)
    </div>
}

and your parent ViewModel contains array

public class TheViewModel{

    public DeniedIntervalsViewModel[] Intervals{ get; set; }
}

public class TheController{

    public ActionResult Blah(DeniedIntervalsViewModel[] intervals) {
      // ...
    }
}