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