Thiago, toda vez que vc adiciona um zoom em uma página um objeto filter é criado.
Por exemplo, se vc adicionou um zoom com o nome "zoomMatricula", automaticamente um objeto chamado filter_zoomMatricula será criado. Este objeto possui o método getSelectedItems() que devolve um vetor com todos os objetos selecionados. Então, o seu código html e javascript ficaria algo assim.
HTML:
<div id="zoomMatricula-div">
<input class="form-control" type="zoom" id = "zoomMatricula" name="zoomMatricula"
data-zoom="{
'displayKey':'MATRICULA',
'datasetId':'DATASETMATRICULAS',
'maximumSelectionLength':'1',
'placeholder':'',
'fields':[
{
'field':'MATRICULA',
'label':'Matricula',
'standard':'true'
},{
'field':'NOME',
'label':'Nome'
},{
'field':'FILIAL',
'label':'Filial'
}
]
}"
/>
</div>
<input name="inputNome" id="inputNome">
<input name="inputFilial" id="inputFilial">
Javascript:
function preencherAutomaticamente(){
document.getElementById("inputNome").value = filter_zoomMatricula.getSelectedItems()[0].NOME;
document.getElementById("inputFilial").value = filter_zoomMatricula.getSelectedItems()[0].FILIAL;
}
//EventListener que será acionado no momento que o usuario escolher um valor para o zoom
document.getElementById("zoomMatricula-div").addEventListener("click",preencherAutomaticamente);
EDIT:
Caso sua versão do fluig não possua o elemento filter_nomeDoZoom você pode utilizar a função setSelectedZoomItem. Esta função, por padrão do fluig, é acionada sempre que algum elemento zoom é selecionado. Portanto usando o html anterior, temos o seguinte código em javascript
function setSelectedZoomItem(selectedItem) {
document.getElementById("inputNome").value = selectedItem["NOME"];
document.getElementById("inputFilial").value = selectedItem["FILIAL"];
}