Descrição do Anexo

Tenho uma situação simples aonde o nome do arquivo anexado deve fazer parte do formulário para aparecer no formulário impresso.

Para isso, desenvolvi estes inputs (conforme a imagem) para receber a descrição do anexo que estou enviando para o fluig via showCamera.

Minha pergunta é: Como posso inserir a descrição do documento nestes inputs assim que o arquivo é anexado?

anexo.png

++++++++++

UPD1

<!-- INPUT -->
<div class="form-field" data-type="textbox" data-field-name="anexoContratoPrincipal">
    <div class="form-group col-xs-12 col-sm-12">
        <div class="input-group">
            <div class="input-group-addon" style="background-color: white">Contrato Principal</div>
            <input style="cursor:hand" type="text" class="form-control" name="anexoContratoPrincipal" id="anexoContratoPrincipal" data-ref="anexoContratoPrincipal" onclick="attach(this.id);" readonly>
            <span class="input-group-addon"> <a href="#"><span class="fluigicon fluigicon-file-default fluigicon-sm" data-toggle="tooltip" data-placement="left" data-ref="showCamera" title="Novo" onclick="attach('anexoContratoPrincipal');"></span></a>
            </span>
        </div>
    </div>
</div>

<!-- SCRIPT -->

function attach(fieldId) {

    JSInterface.showCamera("CONTRATO PRINCIPAL");

    $.each(parent.ECM.attachmentTable.getData(), function(i,attachment) {
        var attachmentId = attachment.id;
        var attachmentName = attachment.name;

        $('[data-ref="'+ fieldId +'"]').val(attachmentId +" - "+ attachmentName)

    })
}

++++++++++

UPD2

video.gif

<div class="form-field" data-type="textbox" data-field-name="anexoContratoPrincipal">
    <div class="form-group col-xs-12 col-sm-12">
        <div class="input-group">
            <div class="input-group-addon" style="background-color: white">Contrato Principal</div>
            <input style="cursor: hand" type="text" class="form-control" name="anexoContratoPrincipal" id="anexoContratoPrincipal" data-ref="anexoContratoPrincipal" onclick="attach('CONTRATO PRINCIPAL',this.id);" readonly>
            <span class="input-group-addon"> <a href="#"><span class="fluigicon fluigicon-file-default fluigicon-sm" data-toggle="tooltip" data-placement="left" data-ref="showCamera" title="Novo" onclick="attach('CONTRATO PRINCIPAL','anexoContratoPrincipal');"></span></a>
            </span>
        </div>
    </div>
</div>
<div class="form-field" data-type="textbox" data-field-name="anexoOutros">
    <div class="form-group col-xs-12 col-sm-12">
        <div class="input-group">
            <div class="input-group-addon" style="background-color: white">Outros Documentos</div>
            <input style="cursor: hand" type="text" class="form-control" name="anexoOutros" id="anexoOutros" data-ref="anexoOutros" onclick="attach('OUTROS DOCUMENTOS',this.id);" readonly>
            <span class="input-group-addon"> <a href="#"><span class="fluigicon fluigicon-file-default fluigicon-sm" data-toggle="tooltip" data-placement="left" data-ref="showCamera" title="Novo" onclick="attach('OUTROS DOCUMENTOS','anexoOutros');"></span></a>
            </span>
        </div>
    </div>
</div>

<!-- SCRIPT -->

function attach(contract,fieldId) {

    JSInterface.showCamera(contract);

    parent.ECM.attachmentTable.on('change', () => {

        var load = FLUIGC.loading(window);
        load.show();

        setTimeout(() => {

    $.each(parent.ECM.attachmentTable.getData(), function(i,attachment) {
        var attachmentId = attachment.id;
        var attachmentName = attachment.name;

        console.log("each")

        $('[data-ref="'+ fieldId +'"]').val(attachmentId +" - "+ attachmentName)

    })
    load.hide();
        }, 3000);

    })
}
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!

2 respostas

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