Skip to main content
edited body
Fonte Link
Miguel Angelo
  • 29,2mil
  • 4
  • 85
  • 114

Você poderia questionarargumentar 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.

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.

Você poderia argumentar 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.

added 2899 characters in body
Fonte Link
Miguel Angelo
  • 29,2mil
  • 4
  • 85
  • 114

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; }
}

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.

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; }
}
Fonte Link
Miguel Angelo
  • 29,2mil
  • 4
  • 85
  • 114

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.