Como usar o componente de Grade

O componente Grid permite exibir um número ilimitado de linhas e colunas. O componente Grid também permite paginar, filtrar, classificar dados e redimensionar a largura da coluna em tempo de execução.

Pré-requisitos

Tenha o pacote UiPath.Form.Activites v2.0.2 ou superior instalado.

Classificável

Você pode classificar os dados dentro das colunas em ordem crescente ou decrescente. Você classifica os dados em tempo de execução, no Form Renderer.

Os dados na grade são exibidos na mesma ordem que na tabela de dados de entrada. Para classificar todos os dados na grade, clique em qualquer cabeçalho de coluna no renderizador de formulário.

• O primeiro clique classifica os dados em ordem crescente.
• O segundo clique classifica os dados em ordem decrescente.

• O terceiro clique restaura a ordem original.

  
  

  

  
  

Filtrável

Você pode filtrar dados dentro de cada coluna. Você filtra os dados em tempo de execução, no Form Renderer.

Para filtrar dados em uma coluna:

1. Passe o mouse sobre o cabeçalho da coluna e clique na barra três menu.
2. Escolha uma operação de filtragem.
3. Insira um valor no campo Filtro do menu da barra tripla. O valor de entrada no campo Filtro é uma condição para a operação de filtragem.

Com base no tipo de dados, as seguintes operações de filtro estão disponíveis:

Operação de filtro	Texto	Número	Data/Hora
Contém
Not Contains
É igual a
diferente de
Inicia com
Termina com
menor que
menor ou igual
maior que
Maior ou igual
No intervalo
Em branco
Não está em branco

Dica:

Para todas as operações de filtragem aplicadas em dados de Texto e Número , você pode adicionar uma operação de filtragem adicional, usando os operadores:

• AND - exibe dados se ambas as operações de filtro forem verdadeiras.
• OU - exibe dados se qualquer uma das operações de filtro for verdadeira.

Coluna(s) Dimensionável(is)

Você pode alterar a largura das colunas em tempo de execução, no Form Renderer. O recurso Column(s) Resizable permite que você veja melhor os dados dentro das colunas.

Para redimensionar colunas, passe o cursor sobre a borda que separa as colunas, até que a seta de duas direções parece. Arraste a borda até obter a largura de coluna desejada.

Paginação

Você pode exibir os dados do componente Grid em páginas numeradas. O recurso Paginação também inclui a configuração do número de itens por página.

Para definir o número de itens por página: vá para a guia Exibir do componente Grade e escolha um valor na lista suspensa Itens por página . Você pode optar por exibir 10, 50 ou 100 itens por página.

Na parte inferior do Form Renderer, em tempo de execução, você pode visualizar:

• O número de linhas na página em que você está.
• O número total de linhas na grade.
• O número da página em que você está do número total de páginas na grade.

Você pode navegar pelas páginas clicando nas setas < > ou pode acessar a primeira página clicando no botão seta e última página clicando no seta.

Tutorial

Para usar o componente Grid :

1. Arraste e solte um componente Grid no Form Designer.

2. Vá para a guia Chave do campo e altere o Nome da propriedade para o argumento da tabela de dados de entrada da propriedade FormFieldsCollection da atividade Criar formulário .

   Para este exemplo, insira fruitDataTableArg. O argumento da tabela de dados vincula os dados no arquivo fruit_table.csv ao formulário.
3. Na guia Exibição , marque os recursos que deseja aplicar ao componente Grade. Para este exemplo, marque todas as quatro caixas: Sortable, Filterable, Column(s) Resizablee Pagination.
4. No campo Itens por página , escolha na lista suspensa o número de itens por página que deseja exibir no formulário. Para este exemplo, escolha 10.
5. Salve o componente.

6. Arraste e solte dentro do Grid os componentes do formulário que correspondem aos valores da coluna dentro da tabela de dados de entrada. Para este exemplo, arraste e solte os seguintes componentes: um Text Field, um Numbere um Date/Time.

   6.1. Vá para a guia Chave do campo do componente Campo de texto e altere o Nome da propriedade para o nome da coluna que contém dados de texto na tabela de dados. Para este exemplo, altere o nome da propriedade para fruit.
   6.2. Vá para a guia Chave do campo do componente Número e altere o Nome da propriedade para o nome da coluna que contém os dados numéricos na tabela de dados. Para este exemplo, altere o Nome da propriedade para qty.
   6.3. Vá para a guia Field Key do componente Date/Time e altere o Property Name para o nome da coluna que contém os dados de data/hora na tabela de dados. Para este exemplo, altere o Nome da propriedade para expdate.

Nota: Certifique-se de salvar os componentes do formulário antes de fechá-los!

7. Salve o formulário.

8. Execute o fluxo de trabalho e explore os recursos do componente Grid .

Fluxo de trabalho amostral

Para verificar o fluxo de trabalho completo ou para ter uma referência futura, baixe o exemplo do XAML