Fluig - Plataforma - DES - Falha na atualização de dados ao usar botões de navegação em widget com dataset parcialmente carregado

⏱️Tempo aproximado para leitura: 00:03:15 min

Ocorrência
Ao clicar nos botões de próximo ou anterior de uma widget que utiliza um campo filter conectado a um dataset, os dados não são atualizados na tela.

Ambiente
TOTVS Fluig Plataforma - Desenvolvimento - Todas as versões

Causa
Esse incidente ocorre, pois no dataset utilizado não foi feito a implementação da funcionalidade de paginação Portanto, essa funcionalidade deve ser desenvolvida para que a navegação funcione corretamente.

Solução
Para solucionar essa ocorrência, realize os seguintes passos:

1. Valide na Widget utilizada se o desenvolvimento feito está correto.
2. Acesse a documentação do Style Guide e siga as instruções para garantir que o campo filter e os botões de navegação estejam corretamente integrados; 
   https://style.fluig.com/javascript.html#fluig-datatable

3. Exemplo do arquivo em javascript:

    

   var filterDataset = SuperWidget.extend({
       mode: null,
   
       init: function () {
       	var settings = {
   		    source: {
   		        url: '/dataset/api/v2/dataset-handle/search?datasetId=colleague&',
   		        contentType: 'application/json',
   		        root: 'values',
   		        pattern: '',
   		        limit: 30,
   		        offset: 0,
   		        patternKey: 'pattern',
   		        limitkey: 'limit',
   		        offsetKey: 'offset'
   		    },
   		    displayKey: 'login',
   		    multiSelect: false,
   		    style: {
   		        autocompleteTagClass: 'tag-gray',
   		        tableSelectedLineClass: 'info'
   		    },
   		    table: {
   		        header: [
   		            {
   		                'title': 'login',
   		                'size': 'col-xs-3'
   		            },
   		            {
   		                'title': 'Name',
   		                'size': 'col-xs-9',
   		                'dataorder': 'name',
   		                'standard': true
   		            }
   		        ],
   		        renderContent: ['login', 'colleagueName']
   		    }
   		};
   		var filter = FLUIGC.filter('#filter-user', settings);
       },
   
       bindings: {
           local: {
               
           }
       }
   });

4. Teste a funcionalidade após a implementação para garantir que a navegação está realizando as atualizações esperadas na tela.

Saiba mais

1. Documentação do Style Guide;
2. Arquivo .war de exemplo para implementação