Versão atual:

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!

Versão (1):

Ver a versão formatada

Atualizar td no evento onclick

Comentário

new question