zoom - Como criar um Zoom e um select em um Widget?

Tenho o seguinte código no meu view.flt de um widget, porém ele não funciona como nos processos criando os componentes e jogando os dados do DataSet, ele até cria porém sem dados. Como faço para funcionar o Zoom e o select no meu view.ftl?

    <div class="col-md-8 content-div">
        <div class="col-md-6 required" data-type="zoomfield">
            <div class="form-group has-error">
                <label class="required-label" for="tipo">Colaborador</label>
                <div class="input-group">
                <input type="zoom" class="form-control" id="colaborador_${instanceId}"
                    data-zoom="{'displayKey':'colleagueName','datasetId':'colleague','fields':[
                            {'field':'colleagueName','label':'Nome','standard': 'true', 'search':'true'}
                        ]}">
                    <div class="input-group-addon zoom-preview">
                        <span class="fluigicon fluigicon-zoom-in"></span>
                    </div>
                </div>
            </div>    
        </div>    

        <div class="col-md-6 required" data-type="combo">
            <div class="form-group has-error">
                <label class="required-label" for="tipo">Departamento</label>
                <select class="form-control" id="dpto_${instanceId}" dataset="dsDepartamento" datasetkey="ID" datasetvalue="NOME">dsDepartamento</select>
            </div>    
        </div>    
    </div>

Cara não to entendendo como esse zoom funciona, tem um exemplo com um dataset pra me ajudar?

— Guilherme Fontaniva 07 de Jun de 2017

Adicionei um exemplo com um recurso da API pública para consumo de datasets!

— Rodolfo Capasso dos Santos 07 de Jun de 2017

Acabei utilizando apenas o Autocomplete mesmo, resolveu meu problema e consegui utilizar mais fácilmente. Obrigado pela ajuda.

Se quero gravar a chave (ex: ID) e mostrar o nome, como seria a configuração ? O exemplo acima trabalha somente com um campo nome.

— Denis Roberto Eloterio 04 de Jan de 2018

@Denis, pode-se ter um campo id do type hidden no seu formulário, e no caso do filter, adicionar o seguinte listener para seu filter

filter.on('fluig.filter.item.added', function(data){
    $("#fieldId").val(data.item.colleagueId); // 
});

Lembrando que teria que adicionar o campo novo no array de header e renderContent.

header: [
    {
        'title': 'ID',
        'size': 'col-xs-2',
        'dataorder': 'colleagueId'
    },
    {
        'title': 'Nome',
        'size': 'col-xs-10',
        'dataorder': 'colleagueName',
        'standard': true
    }
],
renderContent: ['colleagueId','colleagueName']

— Rodolfo Capasso dos Santos 05 de Jan de 2018

fluig forum

Como criar um Zoom e um select em um Widget?

Comentário

1 resposta

Comentário

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