I need to do something like the code below:
Here I create the table htmla dynamically:
$('#btnIncluirContato').on('click', function () {
$('#tblContato tbody').append('<tr id=' + $('#ContatoID').val() + '>' +
'<td class="NomeContato" id="NomeContato">' + $('#NomeContato').val() + '</td>' +
'<td class="TelefoneContato" id="TelefoneContato">' + $('#TelefoneContato').val() + '</td>' +
'<td class="remover" id="remover">' + '<a href="#"><img src="/Content/Images/excluirFlatRed.png" class="remover" /></a>' + '</td>' +
'</tr>');
});
Here I send to the database via ajax:
$("#btnFinalizar").click(function () {
//Percorrer a tabela
var table = $('#tblContato');
table.find('tr').each(function (indice) {
$(this).find('td').each(function (indice) {
});
});
//Setar campos inputs da Tela
var _TBCliente = {
'ID': $('#campoID').val(),
'Nome': $('#campoNome').val(),
'Idade': $('#campoIdade').val(),
'TBContato':[]
};
//Adicionar os itens da Tabela de Contato
_TBCliente.TBContato.push({
});
//Com o objeto populado eu vou enviar para o banco via $.ajax
});
The main question is how to get the data from the HTML table and popular the object that will be sent to a JsonResult method?