Atualizar td no evento onclick

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 valor

Apó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!

compartilhar
  1. Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
  2. Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
  3. Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
  4. Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
  5. Clique aqui para mais detalhes sobre o funcionamento do fluig Forum!

1 resposta

Não é a resposta que estava procurando? Procure outras perguntas com as tags databale ou faça a sua própria pergunta.