Exibição de listas interativas de registros de tabela ou saída de conectores em aplicativos
  • 29 Mar 2023
  • 5 Minutos para Ler
  • Contribuintes

Exibição de listas interativas de registros de tabela ou saída de conectores em aplicativos


Article Summary

Veja aqui como exibir listas clicáveis de registros ou objetos em um aplicativo.

Neste artigo, você aprenderá...

  • Como exibir múltiplos registros de tabelas com base em uma variável
  • Como selecionar um registro da lista e carregá-lo em um aplicativo
  • Como transformar a saída do conector em uma lista interativa
  • Como acionar a lógica de disparo quando um operador seleciona uma linha em uma lista interativa

Nota: Para utilizar este tutorial, você deve entender como criar uma Tabela. Verifique este guia separado se você não o fez antes.

Você precisa exibir algum desses recursos comuns de chão de fábrica para seus operadores e técnicos?

  • Uma lista de atribuições de ordens de trabalho por estação de trabalho
  • Máquinas que precisam ser inspecionadas
  • Ferramentas e suas localizações em suas instalações
  • Questões registradas em uma estação e seu progresso para a resolução
  • Listas de materiais

Se for o caso, você precisará usar o widget de mesa embutido no editor de aplicativos.

O widget de Tabela Embutida pode ser alimentado pelas seguintes fontes de dados:

  • Múltiplas linhas de saída SQL
  • Conjunto de objetos de um conector HTTP
  • Registro da tabela Tulipa
  • Campos de usuário

Após configurar a fonte de dados, você pode então mostrar listas filtradas aos operadores e permitir que eles cliquem em qualquer linha da tabela. Você pode até mesmo disparar a lógica Trigger depois que eles escolherem um registro.

Este guia lhe mostrará como criar tabelas interativas para cada fonte de dados de uso acima.

Se você quiser ver um exemplo no contexto, confira este guia para processar a visibilidade das ordens de trabalho por estação

Adicionando o widget de mesa embutido

Tabelas

Primeiro, crie um espaço de registro no lado esquerdo da tela. Isto lhe permitirá carregar um registro da lista para o aplicativo.

Em seguida, adicione o widget a um passo selecionando "Embed" da barra de ferramentas e depois escolhendo "Tabela de Tulipas".

Em seguida, ligue-o a uma Tabela de Tulipas através do menu suspenso "Data Source" (Fonte de Dados):

Depois disso, você pode vincular a Tabela Embutida a um Porta Registros e começar a adicionar filtros no Painel de Contexto. Aqui está o que isso parece:

{altura="" largura="350"}

Para adicionar colunas, selecione-as na lista suspensa para adicioná-las uma de cada vez.

{altura="" largura="350"}

Você pode alterar o layout da Tabela arrastando cada coluna no Editor de Aplicativos ou no Player para alterar a largura das colunas.

Saída do Conector

Veja aqui como criar listas interativas a partir da saída do Connector.

Primeiro, crie um conector que envie uma matriz para seu aplicativo Tulip. Aprenda aqui como configurar a conexão entre conectores e aplicativos

Em seguida, acrescente a Tabela Embutida a um passo como mostrado acima.

Em seguida, selecione "Variável" como fonte de dados e escolha a variável que armazena a matriz de saída de uma função de conector.

Finalmente, escolha uma Variável do tipo "Objeto" para armazenar a saída ou crie uma dentro do diálogo "Variável Vinculada".

Em seguida, selecione uma coluna para cada propriedade dentro do objeto que você gostaria de exibir.

{altura="" largura="350"}

Lógica de disparo e desenho de um passo

Depois de ter montado sua Mesa Embutida, há duas maneiras de utilizá-la:

  1. Disparar imediatamente um gatilho Ação quando um operador pressiona uma linha
  2. Atualize uma variável ou um espaço de registro e não acione nenhum gatilho.

Esta seção lhe mostrará como configurar ambas as situações em seu aplicativo.

Lógica de disparo do gatilho

Para adicionar um Gatilho que dispara quando uma linha é pressionada ou clicada no Player, clique no botão "+" ao lado da etiqueta do Gatilho no Painel de Contexto. Você verá o Editor de Gatilho aberto com a cláusula "Quando" definida como "quando uma linha é selecionada".

Projetando uma etapa

Aqui está uma visão geral de uma maneira popular de usar a Mesa Embutida no Jogador:

A Mesa Embutida está sendo usada ao lado de dois outros Widgets:

  1. O Widget de texto para instruir o operador a clicar ou pressionar um registro.
  2. O widget Registro de Mesa para mostrar qual registro foi selecionado.

A fim de selecionar um registro, o operador deve pressionar um registro, mas você provavelmente desejará dar-lhes algum feedback de que eles selecionaram com sucesso o registro correto.

Para fazer isto, adicione o widget de texto "Table Record" ao Passo.

Em seguida, vincule-o ao mesmo Record Placeholder que a Tabela Embutida no Painel de Contexto:

Teste-o no Player, e o titular do lugar de registro deve atualizá-lo em tempo real.

Alterando a exibição da Tabela Embutida

Tamanho da fila

Por padrão, o tamanho da linha é otimizado para ser clicado em um laptop ou desktop. Entretanto, você pode querer fazer com que cada fila seja maior para que possa ser facilmente pressionada em um tablet ou dispositivo móvel.

Para fazer isso, mude o "Tamanho da Fonte" no Painel de Contexto. Isto aumentará automaticamente a altura da fileira para acomodar o tamanho da fonte.

Botões para cada fila

Para remover o botão ao lado de cada fila, alterne a opção "Select Button" para mostrar ou ocultar os botões.

Independentemente de você ativar ou desativar o "Botão Selecionar", as linhas podem ser selecionadas pressionando ou clicando em qualquer parte da linha.

Índice das linhas

Quando ativado, o índice do Registro será exibido dentro da Tabela.

Linhas por página

Determinar quantas filas devem estar disponíveis de cada vez na tabela

Instalação de filtros e classificação no Widget

Esta seção se aplica somente às Tabelas Embutidas que estão conectadas às Tulip Tables e aos Campos de Usuário.

Você provavelmente desejará filtrar a lista de registros que são mostrados para o operador. Você pode querer filtrá-la com base nela:

  1. A Estação que está executando o aplicativo
  2. O operador que utiliza o aplicativo
  3. Um valor em uma variável no aplicativo
  4. Algo mais!

Clique no ícone "Editar" ao lado da opção Filtros para configurar um filtro.

As opções de filtro incluem:

  1. Valor estático
  2. Variável
  3. Registro da tabela Tulipa
  4. Informação do aplicativo

Primeiro, escolha o campo da tabela onde você gostaria de montar um filtro. Em seguida, escolha uma condição. Dentro da opção "Variável", você verá tanto metadados do aplicativo como usuário e estação, como também variáveis relacionadas ao aplicativo.

Depois de ter selecionado um filtro, clique no "X" na parte superior direita do modal.

Você pode configurar a classificação para a Tabela Embutida com a opção "Ordenar por".

Leitura adicional


Você encontrou o que estava procurando?

Você também pode ir ao community.tulip.co para postar sua pergunta ou ver se outros enfrentaram uma pergunta semelhante!


Este artigo foi útil?