Já que é para salvar tudo de uma só vez, eu usaria uma abordagem client, sem postback até o momento em que tudo tiver de ser salvo.
Você poderia questionar sobre a possível perda de dados em cadastros complexos, em que o usuário sem querer fecha o browser, mas usando os recursos do HTML 5 (se isso for uma opção) você pode salvar os dados em localstorage
ou usando um DB client (websql) o que evita tal perda de dados.
Exemplo funcional:
Código da view:
@model MvcApplication2.Controllers.MasterDetailObj
<html>
<head>
<title>Postar master/detail</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
$("#add").on("click", function () {
var tel = $("#numero").val();
var ddd = $("#ddd").val();
var idx = $("#telefones > tbody > tr").length;
$("#telefones > tbody").append("<tr><td><input type='hidden' name='Telefones[" + idx + "].Numero' value='" + tel + "' />" + tel
+ "</td><td><input type='hidden' name='Telefones[" + idx + "].Ddd' value='" + ddd + "' />" + ddd + "</td></tr>");
});
});
</script>
</head>
<body>
<h2>Postar master/detail</h2>
<div>
<div>
<label for="numero">Número</label>
<input type="text" id="numero" />
</div>
<div>
<label for="ddd">DDD</label>
<input type="text" id="ddd" />
</div>
<button id="add">Add</button>
</div>
@using (this.Html.BeginForm())
{
<div>
@Html.LabelFor(x => x.Nome)
@Html.TextBoxFor(x => x.Nome)
</div>
<table id="telefones">
<thead>
<tr>
<th>Número</th>
<th>Ddd</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<button type="submit">submit</button>
}
</body>
</html>
Código do controller:
public class HomeController : Controller
{
public ActionResult Index()
{
return View();
}
public ActionResult MultiDetailSubmit()
{
return this.View();
}
[HttpPost]
public ActionResult MultiDetailSubmit(MasterDetailObj obj)
{
if (this.ModelState.IsValid)
{
// aqui estarão disponíveis todos os itens adicionados na lista de telefones no client
return this.RedirectToAction("Index", "Home");
}
return this.View(obj);
}
}
Models:
public class MasterDetailObj
{
public string Nome { get; set; }
public List<Telefone> Telefones { get; set; }
}
public class Telefone
{
public string Numero { get; set; }
public string Ddd { get; set; }
}