Como enviar via JSON
campos input
criados dinamicamente, exemplo:
O usuário digita em um campo texto a quantidade 4 e a função cria 8 campos inputs, ou digita 5 e a função cria 10 campos inputs, essa função já funciona e está OK!.
Esse é o trecho da função que cria os campos dinamicamente:
for (var i = 0; i < _qtde; i++) {
var new_date = new Date();
new_date.setMonth(new_date.getMonth() + i);
$("#divParcela").append("<div class='col-xs-6'> <label>Vencimento - parcela
" + parseInt(i + 1) + "</label> <input type='text' id='' value='" +
$.datepicker.formatDate('dd/mm/yy', new_date) + "' class='form-control' />
</div> <div class='col-xs-6'><label>Valor - parcela " + parseInt(i + 1) +
"</label><input type='text' id='' value='" + _valorParcela.toFixed(3) +
"' class='form-control' /></div>");
};
Em seguida quando clica no botão Cadastrar, o sistema pega os valores e envia via json
para o banco de dados, seria algo assim:
$("#btnCadastrar").on("click", function () {
var _movimentacao = {
"MovimentoFinanceiroID": $("#MovimentoFinanceiroID").val(),
"NumDocumento": $("#NumDocumento").val(),
"ItemMovimentoFinanceiro":[]
};
_movimentacao.ItemMovimentoFinanceiro.pusch({
"NumParcela": "Campo_Parcela_criado_dinamicamente",
"ValorDocumento": "Campo_Valor_criado_dinamicamente"
});
$.ajax({
url: "/MovimentoFinanceiro/IncluirJSON",
type: "post",
dataType: "json",
contentType: "application/json; charset=utf-8",
processData: false,
data: JSON.stringify(_movimentacao),
success: function (data) {
window.location.href = "/MovimentoFinanceiro/Index";
},
error: function (result) {
alert(result.responseText);
}
});
});
Esse é o método JsonResult:
public JsonResult IncluirJSON(MovimentoFinanceiroViewModel pMovimentoFinanceiro)
{
try
{
//Aqui vou implementar rotina para gravar no banco de dados
return Json("OK", JsonRequestBehavior.AllowGet);
}
catch (Exception)
{
return Json("ERRO", JsonRequestBehavior.AllowGet);
}
}
Essas duas classes é o modelo intermediário (DTO):
public class MovimentoFinanceiroViewModel
{
public List<ListDetalheMovimento> ListItens { get; set; }
}
public class ListDetalheMovimento
{
public decimal ValorParcela { get; set; }
[Column(TypeName = "DateTime2")]
public DateTime? DataVencimentoParcela { get; set; }
}
Entidade que refle a tabela do banco de dados:
public class MovimentoFinanceiro
{
[Key]
public int MovimentoFinanceiroID { get; set; }
public int ItemPlanoContabilID { get; set; }
public decimal ValorParcela { get; set; }
public DateTime DataVencimentoParcela { get; set; }
}
json
mesmo ou pode fazer por um POST normal? Talvez o BeginCollectionItem possa lhe atender.Json