Pessoal, estou com uma dúvida que não consegui encontrar em lugar nenhum dos cursos da Alura, e nem em nenhuma pesquisa.
Como posso estar adicionar, editando e deletando elementos de uma table do html usando o Model do Razor?
Um exemplo básico com AlunoViewModel:
public class AlunoView Model
{
public Aluno Aluno {get; set;}
public IList<Livro> Livros {get; set;}
}
E no html algo como:
@model Teste.ViewModels.AlunoViewModel
...
...
...
<h2>Dados do Aluno</h2>
@EditorFor(model => model.Aluno.Nome, new { @placeholder="Nome do aluno" } )
@EditorFor(model => model.Aluno.Idade, new { @placeholder="Idade do aluno" } )
<h2>Livros do aluno</h2>
<table>
<thead>
<th>Nome do Livro</th>
<th>Autor</th>
<th>Categoria</th>
<th>ISBN</th>
<th>Editar Livro</th>
<th>ExcluirLivro</th>
</thead>
<tbody>
<tr>
<td>Livro x</td>
<td>Autor y</td>
<td>Categoria z</td>
<td>9999999</td>
<td><a href="modal de adição e edição">Editar</a></td>
<td><button onclick="Remove(this)"></button></td>
</tr>
</tbody>
</table>
...
<button type="submit">Salvar</button>
...
...
...
<!-- modal de inserção de livros-->
<div class="modal inmodal" id="myModal" tabindex="-1" role="dialog" aria-hidden="true">
...
</div>
No caso usando um modal mesmo para adicionar ou editar livros.
Como posso estar implementando isso com Model do Razor? Já tentei fazer aqui de várias formas com javascript e não consegui.