Desabilitar botão após clicar

Boa tarde, faz pouco tempo que comecei a trabalhar com fluig.

Estou desenvolvendo um formulário e estou com dificuldade em uma etapa. Nesse formulário tenho pai X filho o qual em cada linha tenho que inserir um anexo, depois de inserir gostaria que o botão para inserir fosse desativado. Consegui fazer utilizando evento de click do javascript, porém ao salvar o formulário ele perde o estado do botão. Qual a melhor maneira de fazer esta validação?


<div class="form-input">
 <input type="button" class="btn btn-warning inputAnexo" id="inputAnexo" value="Inserir Anexo" onclick="showCamera();" onclick="enableFields();"/> 
 <input type="hidden" name="nomeAnexo" id="nomeAnexo" onchange="botao();">
</div>

Obrigado.

Consegui resolver essa questão da seguinte forma.

Criei um campo hidden que nesse caso é alimento com o nome do anexo


<input type="hidden" name="nomeAnexo" id="nomeAnexo">

Desabilita o botão utilizando o evento do javacript.


$("#nomeAnexo___"+indice).prev().prop('disabled', true);

e para manter o botão desabilitado, valido se o campo foi preenchido.


var indexes = form.getChildrenIndexes("solTbDespesas");

    for (var i = 0; i < indexes.length; i++) {        

        if (form.getFormMode() == "VIEW"){
            customHTML.append("<script>$('#nomeAnexo___"+  indexes[i] +"').closest('.form-input').css('display', 'none');</script>");
        }

        if (form.getValue('nomeAnexo___'+indexes[i]) != "" ){

            customHTML.append("<script>$('#nomeAnexo___"+  indexes[i] +"').prev().prop('disabled', true);</script>");

        }
    }