Á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

Caso de uso: [nome do exemplo demonstrado]

[descrever o processo que será demonstrado]


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 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 teremos um exemplo de validação de preenchimento dos campos do modal, campo zoom e input com máscara.

Eventos de formulários:

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

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

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

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. 

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:

  • [dataset: é utilizado na etapa/tarefa X para .....;]
  • [mecanismo de atribuição customizado: é utilizado na etapa X para .....;]
  • [zomm: é utilizado na etapa X para .....;]
  • [integração com Protheus: é utilizada na etapa X para .....;]
  • [webservices: é utilizado na etapa X para .....;]

Diagrama

  • 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 Este é o diagrama do processo que estamos utilizando como exemplo:

...


Image 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 RemovedImage Modified

Clique aqui para ver e baixar o código fonte dos desenvolvimentos desse processo. [link levaria para o repositório de exemplos no git samples ou gitHub (verificar em qual deles se encaixam esses exemplos avançados, diferenças entre eles aqui: GitHub - Exemplos de desenvolvimento)]

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.