Árvore de páginas

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

...

Para saber como evitar conflito de dependência entre widgets desenvolvidos sobre a plataforma e o fluig, acesse este guia.

 

Zoom / Filter de Dataset

Para utilizar implementar o zoom de datasets em sua widget, pode-se fazer da mesma forma como o style guide indica usar como referência a forma indicada pelo fluig Style Guide para fazer o filter/zoom de um serviço externo. Apenas Porém, é necessário tomar atenção a alguns detalhes que não são tão óbvios quando falamos especificamente de dataset. Veja o exemplo abaixo, utilizando o dataset "colleague" como base. (Desde que se obedeçam os demais itens do tutorial sobre filter, pode-se copiar e colar esse código diretamente em sua widget que ele irá funcionar do jeito que está).atentar-se para alguns detalhes específicos do desenvolvimento de datasets.

Vide abaixo um exemplo que utiliza o dataset colleague como base:

Bloco de código
languagejs
titleDataset Filter
var settings = {
        source: {
            url: '/api/public/ecm/dataset/search?datasetId=colleague&searchField=colleagueName&',
            /* Também poderia ser informada a urlURL completa também (: 
			'http://{host}:{port}/api/public/ecm/dataset/search?datasetId=colleague&searchField=colleagueName&')
            É importante deixarmanter o "&" no final da urlURL, pois os outros parâmetros são montados 
            sem levar em consideração que já possa haver algo parametrizado no próprio link */
            contentType: 'application/json',
            root: 'content',
            pattern: '',
            limit: 10,
            offset: 0,
            patternKey: 'searchValue',
            /*Para que a consulta funcione, é importante que o valor do 'patternKey' 
            seja sempre 'searchValue' para o caso de zoom de dataset */
            limitkey: 'limit',
            offsetKey: 'offset'
        },
        displayKey: 'colleagueName', 
        /* Para o dataset de colleague optamos por mostrar o nome completo.
        É aconselhavel escolher o campo que, sozinho, represente melhor o registro*/
        multiSelect: true,
        style: {
            autocompleteTagClass: 'tag-gray',
            tableSelectedLineClass: 'info'
        }
    };

...

Nota
titleAtenção

Desde que obedecidos os demais itens do tutorial sobre filterdo fluig Style Guide, o código acima funcionará em sua widget, sendo necessário apenas copiar e colar.