Árvore de páginas

Versões comparadas

Chave

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

Índice
exclude.*ndice



...

O splitter Splitter é um componente utilizado para dividir uma coleção de elementos em um sub fluxo. Geralmente é utilizado em situações em que se possui uma lista de itens ou objetos e onde é preciso realizar um fluxograma item a item.

O componente é encontrado no menu de componentes lateral do desenhador de diagramas na categoria Componentes.


Image RemovedImage Added


Adicionar o componente

...

01. Configurar o componente via engrenagem;

02. Criar um sub fluxo;subfluxo;

Painel
borderColor#f2f2f2
bgColor#f2f2f2

Além disso, após incluir o componente e criar o subfluxo desejado. Opções de visualização do subfluxo podem ser utilizadas para facilitar a visualização, como: o maximizar e minimizar, zoom im e zoom out e opção de recentralizar para os casos onde o subfluxo seja extenso. Essas opções estão disponíveis através dos ícones:

  • Image Added Maximizar;
  • Image Added Minimizar;
  • Image Added Aumentar zoom
  • Image Added Diminuir zoom
  • Image Added Recentralizar


Image AddedImage Removed


Realizar a configuração

...

01. Ao clicar na engrenagem irá abrir uma tela lateral localizada a direita para as configurações:

Image RemovedImage Added


02. O campo Caminho do array de entrada solicita qual o caminho do array de entrada, que será o array que o splitter irá iterar no subfluxo;

03. Também é possível preencher o campo arrastando propriedades de outros componentes anteriores, como por exemplo, a propriedade "items" do aplicativo Hube nomeado "Get all customer" para o campo de configuração.

Image RemovedImage Added

04. O campo arrastado cria uma TAG  desta propriedade automaticamente.

...

O sub luxo ao ser criado é apresentado uma nova janela contendo apenas o componente de play inicial do sub fluxo que deve ser ligado ao primeiro componente que irá receber o item iterado.


Image RemovedImage Added


01. Colocando um aplicativo e ligando nesse componente de início é possível obter nos dados de entrada este item a ser iterado.


Image RemovedImage Added


02. Podendo arrastar este item para um novo campo desejado.

...

01. Basta clicar em cima do nome dela que irá expandir para seu valor original como segue:
Image RemovedImage Added

Este mecanismo é bem útil para caso seja necessário utilizar uma propriedade do item iterado. Colocar logo após um ponto como por exemplo ".nome_da_propriedade". Como o exemplo a seguir:
Image RemovedImage Added

Note que ao tirar o foco da propriedade editada ela é transformada com um novo valor:

Image RemovedImage Added

Isto simboliza que durante a execução do sub fluxo, estará sendo utilizado neste campo Name a propriedade name do objeto de iteração item.

...