Prezados,
Tenho requisição para atualizar uma determinada tabela criada no Fluig.
Um usuário chave responsável pela atualização acessa requisição e edita os campos:
{{unidadeMedida}} //Inseri o valor {{quantidadeMinima}} //Inseri o valor {{atualizado}} //Inseri o valorApós inserir o valor o usuário clica em atualizar (Fim)
Hoje este processo funciona desta forma sem problemas, mas eu gostaria que o campo Atualizado fosse alterado ao clicar no botão Atualizar(data-your-update-button) funcionando como espécia de contador acrescentando 1 sempre que o botão atualizar for clicado
Abaixo o HTML
<div class="fluig-style-guide" id="divManutProd">
<form name="form" role="form">
<p class="colunas" id="colunas_produto" value='i18n.translate("colunas_produto")'></p>
<div class="col-sm-12">
<div id="tableProdutos"></div>
</div>
<script type="text/template" class="template_datatable">
<tr>
<td>{{codigoPrd}}</td>
<td>{{descricao}}</td>
<td>{{unidadeMedida}}</td>
<td>{{quantidadeMinima}}</td>
<td>{{atualizado}}</td>
<td></td>
</tr>
</script>
<script type="text/template" class="template_datatable_edit">
<tr>
<td id="datatableCodigoprd"></td>
<td id="datatableDescricao"></td>
<!--<td id="datatable-unidade-medida"></td>-->
<td>
<input type="text" class="form-control" id="datatableInputUnidadeMedida" name="datatableInputUnidadeMedida" value="{{unidadeMedida}}"></td>
<td>
<input type="number" class="form-control" id="datatableInputQuantidadeMinima" name="datatableInputQuantidadeMinima" value="{{quantidadeMinima}}"></td>
<td>
<input type="number" class="form-control" id="datatableInputAtualizado" name="datatableInputAtualizado" value="{{atualizado}}"></td>
<td>
<button class="btn btn-default" data-your-update-button>Atualizar</button></td>
</tr>
</script>
Abaixo o JS
$('#tableProdutos').on('click', '[data-your-edit-button]', function(ev) {
$("[data-your-edit-button]").attr("disabled","disabled");
$("[data-your-cancel-button]").removeAttr("disabled");
var row = tProduto.myTable.getRow(tProduto.myTable.selectedRows()[0]);
tProduto.myTable.updateRow(tProduto.myTable.selectedRows()[0], row, '.template_datatable_edit');
$('#datatableCodigoprd').html(row.CODIGOPRD);
$('#datatableDescricao').html(row.DESCRICAO);
$('#datatableInputUnidadeMedida').val(row.UNIDADE_MEDIDA);
$('#datatableInputQuantidadeMinima').val(row.QUANTIDADE_MINIMA);
$('#datatableInputAtualizado').val(row.ATUALIZADO);
$('[data-datatable-edit-row]').prop("disabled", true);
});
$('#tableProdutos').on('click', '[data-your-update-button]', function(ev) {
var editedRow = {
CODIGOPRD: $('#datatableCodigoprd').html(),
DESCRICAO: $('#datatableDescricao').html(),
UNIDADE_MEDIDA: $('#datatableInputUnidadeMedida').val(),
QUANTIDADE_MINIMA: $('#datatableInputQuantidadeMinima').val(),
ATUALIZADO: $('#datatableInputAtualizado').val(),
BOTAO: ""
};
if (salvarProduto(editedRow) == true) {
tProduto.myTable.updateRow(tProduto.myTable.selectedRows()[0], editedRow);
$('[data-datatable-edit-row]').prop("disabled", false);
FLUIGC.toast({
title: '',
message: "Alterado!",
type: 'success'
});
$("[data-your-edit-button]").attr("disabled","disabled");
$("[data-your-edit-button]").attr("disabled","disabled");
} else {
FLUIGC.toast({
title: '',
message: "Erro ao salvar o produto!",
type: 'danger'
});
}
});
Desde já muito obrigado a todos!