Histórico da Página
...
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 | ||||
---|---|---|---|---|
| ||||
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 | ||
---|---|---|
| ||
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. |