Base de conhecimento
Encontre respostas para suas dúvidas em quatro fontes de conhecimento diferentes ao mesmo tempo, simplificando o processo de pesquisa.

Fluig - Plataforma - DES - Como desenvolver uma widget de Datatable paginado

time.png Tempo aproximado para leitura: 00:04:00 min

Dúvida
Como desenvolver uma widget de Datatable paginado

Ambiente
TOTVS Fluig Plataforma - Desenvolvimento sobre a plataforma - Todas as versões

Solução
Utilizar a widget de Datatable paginado conforme exemplo de desenvolvimento disponibilizado no GIT clique aqui 

A widget Datatable paginado permite consultar aos registros existentes dos usuários através do campo apropriado da busca, a ordenação a estes registros através das colunas no Datatable, bem como a paginação destes dados cadastrados. 

  1. Obtendo o fonte da wigdet
    Para que esse widget seja exibido na lista de widgets disponíveis para páginas, primeiramente é necessário fazer o download do código-fonte do componente (Datatable paginado) no diretório público do fluig no Git. 

     

  2. Instalação do componente
    Acesse o fluig Studio, acione a opção File > Import, no menu superior esquerdo;

Selecione a opção General > Existing Projects into Workspace;

Selecione a opção Select archive file acione a opção Browse... e em seguida navegue até o local onde está localizado o arquivo: sample-fluigdatatablepaginado-master.zip, em seguida acione o botão Abrir;

Para finalizar a importação acione o botão Finish;

Após a finalização da importação do Projeto para o fluig Studio navegue até a raiz da Widget, fluigStudio > wcm > widget > AddThisEvent e selecione a raiz com o botão direito e acione a opção Export;

Selecione a opção Fluig > Exportar para o servidor Fluig;

Selecione o Servidor desejado e acione a opção Finish, após a finalização a widget estará disponível para ser adicionadas nas páginas do WCM.

 

3. Adicionando a widget "Datatable paginado" em uma página

Acesse a página em que deseja adicionar a widget de datatable paginado, acione o menu de configuração no canto superior direito e selecione a opção Editar página;

Selecione algum slot da página em edição e adicione uma nova widget a ele;

Na página de seleção de widget, navegue até a opção Datatable paginado localizado em Personalizado > Fluig Store > Datatable paginado e acione o botão Adicionar;

Após a inclusão da widget no slot, preencha os dados do evento e acione o botão salvar. Os campos Nome do evento, Início e Término são obrigatórios;

Após salvar as alterações na widget, acesse o menu de configuração no canto superior direito e selecione a opção Publicar página;

Após a publicação da página, será possível visualizar a Widget.

 

 

Esse artigo foi útil?
Usuários que acharam isso útil: 0 de 0

0 Comentários

Por favor, entre para comentar.
X Fechar

Olá ,

Há pendência referente a um de seus produtos contratados para a empresa ().

Entre em contato com o Centro de Serviços TOTVS para tratativa.

Ligue! 4003-0015 opção 4 e 9 ou registre uma solicitação para CST – Cobrança – Verificação de pendências financeiras . clique aqui.

TOTVS

X Fechar

Olá ,

Seu contato não está cadastrado no Portal do Cliente como um perfil autorizado a solicitar consultoria telefônica.

Por gentileza, acione o administrador do Portal de sua empresa para: (1)configurar o seu acesso ou (2)buscar um perfil autorizado para registro desse atendimento.

Em caso de dúvidas sobre a identificação do contato administrador do Portal, ligue (11) 4003-0015, opção 7 e, em seguida, opção 4 para buscar o suporte com o time de Assessoria ao Portal do Cliente. . clique aqui.

TOTVS

X Fechar

Olá ,

Para o atendimento de "Consultoria Telefônica" você deverá estar de acordo com o Faturamento.

TOTVS

X Fechar

Olá,

Algo inesperado ocorreu, e o usuario nao foi reconhecido ou você nao se encontra logado

Por favor realize um novo login

Em caso de dúvidas, entre em contato com o administrador do Portal de Clientes de sua empresa para verificação do seu usuário, ou Centro de Serviços TOTVS.

Ligue! 4003-0015 opção 4 e 9 ou registre uma solicitação para CST – Cadastros . clique aqui.

TOTVS

Chat _

Preencha os campos abaixo para iniciar o atendimento:

Chat _