Recentemente, fiz uma pergunta sobre o meu problema, mas ficou meio difícil de entender, aqui vou tentar resumir o meu problema.
Estou usando ASP.NET MVC.
Tenho 2 tabelas: Autores
e Livros
, onde 1 Autor
tem muitos Livros
.
Quando for criar o Autor
e quiser adicionar mais um Livro
, tenho um botão que cria meus campos via jQuery
, so que quando eu for salvar, o meu Controller
pega apenas o 1º nome, os demais nomes que eu adicionei por jQuery
não são adicionados corretamente.
Então vamos a tela para cadastrar autor (exemplo):
<div class="col-xs-12 col-md-4">
@Html.LabelFor(model => model.Nome)
@Html.EditorFor(model => model.Nome)
</div>
<div class="col-xs-12 col-md-4">
@Html.LabelFor(model => model.NomeLivro)
@Html.EditorFor(model => model.NomeLivro)
</div>
//DIV PARA RECEBER OS NOVOS CAMPOS
<div id="divAddLivro"></div>
Aí tenho meu botão para a chamada jQuery:
<button id="btnAddLivro">Adicionar Livro</button>
meu jQuery
:
$("#btnAddLivro").click(function () {
$("#divAddLivro").append(''+
'<div class="col-xs-12 col-md-4">'+
' @Html.LabelFor(model => model.Nome)'+
' @Html.EditorFor(model => model.Nome)'+
'</div>'+
'<div class="col-xs-12 col-md-4">'+
' @Html.LabelFor(model => model.NomeLivro)'+
' @Html.EditorFor(model => model.NomeLivro)'+
'</div>' +
'</div>');
});
MODEL AUTOR
public class Autor
{
[Key]
public int IdAutor { get; set; }
public string Nome { get; set; }
public ICollection<Livro> Livros{ get; set; }
}
MODEL LIVRO
public class Livro
{
[Key]
public int IdLivro { get; set; }
public string Nome { get; set; }
public int IdAutor { get; set; }
public ICollection<Autor> Autores { get; set; }
}