Para criar uma lista de informações você precisa enumerar os dados da View. Exemplo:
Modelo da classe:
using System;
namespace WebApplication10.Models
{
public class Modelo
{
public string Tipo { get; set; }
public DateTime DataHora { get; set; }
public int AlimentosQuantidades { get; set; }
}
}
View fixa com 12 linhas e 3 colunas
@using (Html.BeginForm())
{
for (int i = 0; i < 12; i++)
{
<div class="row">
<div class="col-md-4">
@Html.TextBox(string.Format("[{0}].Tipo", i), null, new { @class = "form-control" })
</div>
<div class="col-md-4">
@Html.TextBox(string.Format("[{0}].DataHora", i), null, new { @class = "form-control" })
</div>
<div class="col-md-4">
@Html.TextBox(string.Format("[{0}].AlimentosQuantidades", i), null, new { @class = "form-control" })
</div>
</div>
}
<button>Enviar</button>
}
O código gerado por essa View (vou colocar somente 2 linhas)
<div class="col-md-4">
<input class="form-control" name="[0].Tipo" type="text" value="" />
</div>
<div class="col-md-4">
<input class="form-control" name="[0].DataHora" type="text" value="" />
</div>
<div class="col-md-4">
<input class="form-control" name="[0].AlimentosQuantidades" type="text" value="" />
</div>
</div>
<div class="row">
<div class="col-md-4">
<input class="form-control" name="[1].Tipo" type="text" value="" />
</div>
<div class="col-md-4">
<input class="form-control" name="[1].DataHora" type="text" value="" />
</div>
<div class="col-md-4">
<input class="form-control" name="[1].AlimentosQuantidades" type="text" value="" />
</div>
</div>
Então, com [0].Tipo
é a primeira caixa e [1].Tipo
é a próxima caixa do tipo e assim por diante com todos os input
Controller
[HttpGet()]
public ActionResult Lista()
{
return View();
}
[HttpPost()]
public ActionResult Lista(List<Modelo> model)
{
return RedirectToAction("Lista");
}
Quando mandar o formulário na ActionResult
com List<Modelo>
a variavel model será carregado com todas as informações
EDIT
Quando se tem um ViewModel
e um propriedade que represente essa listagem de campos, na sua View
coloque o nome da propriedade e o resto permanece igual.
Exemplo:
ViewModel
using System;
namespace WebApplication10.Models
{
public class ViewModel
{
public List<Modelo> Modelo {get;set;}
//... os outros itens.
}
}
View
@using (Html.BeginForm())
{
for (int i = 0; i < 12; i++)
{
<div class="row">
<div class="col-md-4">
@Html.TextBox(string.Format("Modelo[{0}].Tipo", i), null, new { @class = "form-control" })
</div>
<div class="col-md-4">
@Html.TextBox(string.Format("Modelo[{0}].DataHora", i), null, new { @class = "form-control" })
</div>
<div class="col-md-4">
@Html.TextBox(string.Format("Modelo[{0}].AlimentosQuantidades", i), null, new { @class = "form-control" })
</div>
</div>
}
<button>Enviar</button>
}
Ou seja, nome da propriedade Modelo
, indexação do elemento [0]
([1]
, [2]
, etc.) e Nome do campo da classe Modelo
, resumindo Modelo[0].Tipo
e assim sucessivamente.
Controller
[HttpPost()]
public ActionResult Lista(ViewModelExample example)
{
return RedirectToAction("Lista");
}
Dica, é um exagero muitas vezes o uso de ViewModel
, quando se tem já classes que podem fazer o mesmo papel, tudo que é excessivo demais em desenvolvimento, pode causar problemas na hora da manutenção, repetição de código, etc.
Talvez essa enumeração seja melhor feita antes dessa edição colocando no seu controler assim:
Controller
[HttpPost()]
public ActionResult Lista(List<Modelo> model, ViewModelExample example)
{
return RedirectToAction("Lista");
}