Árvore de páginas

Versões comparadas

Chave

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

Índice

Índice
outlinetrue
exclude.*ndice
stylenone


Processo de

...

criação de solicitação de compra no RM

...

Neste exemplo, vamos utilizar o processo de criação de solicitação de compra no RM,  que utiliza um formulário, o qual possui uma tabela pai x filho orquestrados por datatable e preenchida através de modais. Neste datatable deve conter a possibilidade de  será possível filtrar as linhas da tabela pai x filho, botões para visualizar um registro, editar um registro e remover um registro. Neste modal deve conter teremos um exemplo de validação de preenchimento dos campos do modal, campo zoom e input com máscara.

Eventos de formulários:

displayFields - buscando buscará o código e nome do usuário logado via fluigAPI;

enableFields - desabilitando desabilitará campos por atividade do processo e exibindo ou não tag do html com setVisibleById;

validateForm – exemplo de validação somente no ato de enviar o formulário e não só salvar, após salvá-lo e validar se a tabela pai e x filho tem registros.

Utilização de Fará utilização do campo zoom para buscar os dados no RM, exemplo de reload em campo zoom através do preenchimento de outro e campo zoom no modal. Criação de uma solicitação de compra no RM pela atividade serviço. 

Dataserver’s utilizados do RM:

  • CtbCCustoData
  • GlbColigadaData
  • EstLOCData
  • CtbFilialData
  • EstPrdDataBR
  • MovMovimentoTBCData


Componentes utilizados

...

Vamos exemplificar o uso dos seguintes componentes que são utilizados nesse processo:

  • Utilização de campo zoom com consulta a um dataset;
  • Utilização da função setSelectedZoomItem;
  • Utilização da função reloadZoomFilterValues;
  • Utilização de datatable;
  • Utilização de modal;
  • Utilização de mustache;
  • Evento de formulário enableField para bloqueio de campos;
  • Evento de formulário displayFields para carregar campos;
  • Evento de formulário validateForm para validar o preenchimento dos campos;
  • Preenchimento automático de campo;
  • Integração com serviço do RM.


Diagrama

...

Esse é o diagrama do processo que estamos utilizando como exemplo:


Image RemovedImage Added


Desenvolvimento

...

Os desenvolvimentos que foram necessários para criar esse processo estão disponíveis para visualização e download. Desta forma, você pode baixá-los, ajustar ao seu negócio ou as suas necessidades e utilizá-los nos processos do seu dia a dia!

Painel
borderColor#f2f2f2
bgColor#f2f2f2

Image Modified

Clique aqui para ver e baixar o código fonte dos desenvolvimentos desse processo.

Dica
titleDica!

O arquivo README.md – existente no repositório – contém informações técnicas mais detalhadas. Ao longo dos próprios códigos fonte também existem várias explicações para auxiliar no entendimento e na utilização desse exemplo.