fluig forum

Versão atual:

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);

    })
}

Versões (5):

Ver a versão formatada

Descrição do Anexo

Comentário

new question