Preenchimento em outro campo com ZOOM

Olá.

Eu tenho um campo zoom que puxa alguns dados e que é preenchido em outros campos. Preciso que ele permitar adicionar mais de um valor em um campo. No campo Zoom eu até consigo selecionar mais que uma informação, porém nos outros campos que são auto preenchidos ele não preenche mais que uma informação.

Em anexo o código

:warning: Atenção: Esta publicação foi transferida automaticamente do fórum antigo, mas os anexos não foram incluídos.

Tivemos uma demanda semelhante recentemente, espero que te ajude, não sei explicar muito bem como fiz!


<div class="panel-body">
    <div class="row">
        <div class="col-md-12">
            <strong>Nome do Colaborador </strong>
            <div class="row">
                <div class="col-md-12">
                    <input class="form-control"
                    type="zoom"
                    id = "funCionarios"
                    name="funCionarios"
                    data-zoom="{
                        'displayKey':'NOME',
                        'datasetId':'LKS_Funcionarios',
                        'maximumSelectionLength':'1',
                        'placeholder':'Escolha o usuário',
                        'fields':[
                            {
                            'field':'NOME',
                            'label':'Nome',
                            'standard':'true'
                            },{
                            'field':'CARGO',
                            'label':'Cargo',
                            'standard':'true'
                            }
                        ]
                    }"
                    />
                </div>
            </div>
        </div>
    </div>
    <br>
    <div class="row">
        <div class="col-md-12">
            <strong>Cargo</strong>
            <div class="row">
                <div class="col-md-12">
                    <input class="form-control"
                    type="zoom"
                    id = "cArgo"
                    name="cArgo"
                    data-zoom="{
                        'displayKey':'CARGO',
                        'datasetId':'LKS_Funcionarios',
                        'maximumSelectionLength':'1',
                        'placeholder':'Escolha o usuário',
                        'fields':[
                            {
                            'field':'NOME',
                            'label':'Nome',
                            'standard':'true'
                            },{
                            'field':'CARGO',
                            'label':'Cargo',
                            'standard':'true'
                            }
                        ]
                    }"
                    />
                </div>
            </div>
        </div>
    </div>
    <br>
    <div class="row">
        <div class="col-md-4">
            <label for="Filial">Filial</label>
            <input class="form-control"
            type="zoom"
            id = "Filial"
            name="Filial"
            data-zoom="{
                'displayKey':'FILIAL',
                'datasetId':'LKS_Funcionarios',
                'maximumSelectionLength':'1',
                'placeholder':'Escolha o usuário',
                'fields':[
                    {
                    'field':'NOME',
                    'label':'Nome',
                    'standard':'true'
                    },{
                    'field':'CARGO',
                    'label':'Cargo',
                    'standard':'true'
                    },{
                    'field':'FILIAL',
                    'label':'Filial',
                    'standard':'true'
                    },{
                    'field':'TIPOCONTRATO',
                    'label':'Tipo de Contrato',
                    'standard':'true'
                    }
                ]
            }"
            />
        </div>
        <div class="col-md-4">
            <label for="tipoContrato">Tipo de Contrato</label>
            <input class="form-control"
            type="zoom"
            id = "tipoContrato"
            name="tipoContrato"
            data-zoom="{
                'displayKey':'TIPOCONTRATO',
                'datasetId':'LKS_Funcionarios',
                'maximumSelectionLength':'1',
                'placeholder':'Escolha o usuário',
                'fields':[
                    {
                    'field':'NOME',
                    'label':'Nome',
                    'standard':'true'
                    },{
                    'field':'CARGO',
                    'label':'Cargo',
                    'standard':'true'
                    },{
                    'field':'FILIAL',
                    'label':'Filial',
                    'standard':'true'
                    },{
                    'field':'TIPOCONTRATO',
                    'label':'Tipo de Contrato',
                    'standard':'true'
                    }
                ]
            }"
            />
        </div>
    </div>
</div>


function setSelectedZoomItem(selectedItem) {

    var NAME = "funCionarios";
    var CARGO = "cArgo";
    var FILIAL = "Filial";
    var TIPOCONTRATO = "tipoContrato"

    var FIELD = selectedItem.inputId;

    if(selectedItem.inputId == NAME){
        setZoomData("cArgo", selectedItem["CARGO"]);
        setZoomData("Filial", selectedItem["FILIAL"]);
        setZoomData("tipoContrato", selectedItem["TIPOCONTRATO"]);
    }
}

function setZoomData(instance, value){
    window[instance].setValue(value);
}

function removedZoomItem(removedItem) {

    var NAME = "funCionarios";
    var CARGO = "cArgo";
    var FILIAL = "Filial";
    var TIPOCONTRATO = "tipoContrato"

    if (removedItem.inputId === NAME) {
        console.log("Retornando resultado removedZoomItem");
        console.log(removedItem);

        window[CARGO].clear();
        window[FILIAL].clear();
        window[TIPOCONTRATO].clear();
    }
}