Componentes de dados

Dados

Oculto

Você pode usar o componente Hidden para criar uma propriedade de recurso que pode ser personalizada dentro de um formulário. Ele não é exibido em formulários renderizados.

Contêiner

Você pode usar o componente Container para agrupar um conjunto de campos em um objeto com uma chave de contêiner. Um contêiner com a chave financialPerformance é enviado como:

{
                    data: {
                    financialPerformance {
                    grossProfitMargin: "0.83",
                    [tab]netProfitMargin: "0.43"
                    }
                    }
                    }

Mapa de Dados

Tipo de dados: System.Collections.Generic.Dictionary<System.String,System.String>

Use o componente de Mapa de dados para criar pares de chave-valor. O componente é editável no Runtime, permitindo que os usuários criem novos paris de chave - valor ao clicar em Adicionar outro.

Observação: o campo Chave é, por padrão, um Campo de Texto e não pode ser alterado. O campo Valor pode ser alterado com outros componentes.

• Rótulo para a coluna Chave — defina um rótulo para ser exibido na coluna Chave . Se deixado em branco, o nome da coluna permanece como Chave.
• Desabilitar Adicionar/Remover Linhas — oculta os botões que permitem adicionar ou remover linhas quando o formulário é exibido.
• Mostrar coluna Chave antes do Valor — selecione se você deseja que a coluna Chave seja exibida antes da coluna Valor .
• Adicionar outro texto — defina o texto a ser exibido para o botão Adicionar outro .

A guia Layout é específica apenas para o componente Mapa de dados :

• Atributos HTML – adicionar atributos HTML personalizados ao componente.
  Observação: atributos de outros componentes controlam os atributos que você configura.
• Sobreposição de PDF - aplique configurações de estilo a formulários PDF.

Para saber como usar o componente Mapa de Dados , confira o tutorial Usando o componente Mapa de Dados.

Grade de Dados

Você pode usar o componente Data Grid para renderizar várias linhas de dados, semelhante a uma tabela de dados. Você pode arrastar e soltar vários componentes na grade de dados para corresponder ao seu caso de uso.

Na janela Form Renderer , as linhas dentro do componente Data Grid podem ser adicionadas ou removidas.

• Desativar adicionar/remover linhas - oculta os botões que permitem adicionar ou remover linhas quando o formulário é renderizado.
• Permitir reordenar - reordene as linhas arrastando e soltando-as.
• Equal Column Width - torna as larguras das colunas iguais.
• Habilitar Grupos de Linhas - permite separar linhas em grupos. Adicione grupos, rotule-os e selecione as linhas para cada grupo.
• Initialize Empty - a grade de dados não terá linhas visíveis quando inicializada.

Editar Grade

Você pode usar o componente Edit Grid para renderizar várias linhas de dados, semelhante a uma tabela de dados. Você pode arrastar e soltar vários componentes de formulário na grade de ediçãopara capturar muitos dados.

Quando o formulário for renderizado, você poderá adicionar uma duplicata do Edit Grid, clicando em Add Another.

• Abrir primeira linha quando vazia - abre a primeira linha quando a grade de edição está vazia.
• Desabilitar Adicionar/Remover Linhas — oculta os botões que permitem adicionar ou remover linhas quando o formulário é exibido.
• Adicionar outro texto - altera o nome do botão Adicionar outro .
• Salvar texto da linha - altera o texto do botão Salvar linha .
• Remover texto da linha - altera o texto do botão Remover linha .

A guia Modelos é específica apenas para o componente Editar grade . Os modelos de Cabeçalho,Linhae Rodapé permitem que você personalize a grade usando JavaScript. Você pode modificar o tipo de componentes que são exibidos nas linhas dentro de uma grade ou a aparência do cabeçalho/rodapé.

Modelo de Cabeçalho

Este é o modelo Lodash usado para renderizar o cabeçalho do componente Edit Grid .

Importante: o Modelo de Cabeçalho não funciona com Actionsde Formulário.

Existem duas variáveis disponíveis:

• valor - a matriz de dados da linha.
• componentes - a matriz de componentes na grade.

Modelo de Linha

Este é o modelo Lodash usado para renderizar cada linha do componente Edit Grid .

Importante: o Modelo de Linha não funciona com Actionsde Formulário.

Existem três variáveis disponíveis:

• linha - objeto dos dados de uma linha.
• componentes - a matriz de componentes na grade.
• estado - estado da linha atual (rascunho/salvo).

Para adicionar eventos do tipo Click , adicione as seguintes classes aos elementos: editRow e removeRow.

Modelo de Rodapé

Este é o modelo Lodash usado para renderizar o rodapé do componente Edit Grid .

Existem duas variáveis disponíveis:

• valor - a matriz de dados da linha.
• componentes - a matriz de componentes na grade.

Tabela de Dados

É possível usar o componente Tabela de Dados para renderizar várias linhas de dados, semelhante a uma tabela de dados. A Tabela de Dados é um componente somente leitura que você pode usar para exibir grandes quantidades de dados. Você pode arrastar e soltar vários componentes do formulário no componente Tabela de Dados .

• Classificável - classifica os dados dentro de colunas em ordem crescente ou decrescente. Os dados são classificados no Runtime.
• Filtrável — filtra dados dentro de cada coluna. Filtre os dados no runtime.
• Coluna(s) Dimensionável(is) — altera a largura das colunas no Runtime. A funcionalidade Coluna(s) Dimensionável(is) permite que você veja os dados dentro das colunas melhor.

• Paginação - exibir os dados do componente Tabela de dados em páginas numeradas. A capacidade de paginação também inclui definir o número de itens por página.

• Edição embutida — permita a edição no Runtime, de maneira similar a como você faria no Excel.

Classificável

É possível classificar os dados dentro de colunas em ordem crescente ou decrescente. Você classifica os dados no Runtime, no formulário.

Os dados na Tabela de Dados são exibidos na mesma ordem que na tabela de dados de entrada. Para classificar todos os dados na Tabelade Dados, clique em qualquer cabeçalho de coluna no 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

É possível filtrar os dados dentro de cada coluna. Você pode filtrar os dados enquanto o formulário está sendo exibido.

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
Not Equals
Inicia com
Termina com
menor que
menor ou igual
maior que
Maior ou igual
No intervalo
Em branco
Não está em branco