Função
Esse componente é usado para renderizar os dados de uma coluna da tabela.
Figura 1.1 - Exemplo de imagem rodando no Aplicativo
Principais propriedades
Na tabela abaixo estão descritos as principais propriedades para o funcionamento básico do componente.
Nome | Propriedade | Função |
|---|---|---|
Fonte de dados | crn-datasource | Seleciona uma fonte de dados que estiver presente no formulário html. |
Repetidor | ng-repeat | Propriedade AngularJS que determina que todos os dados da coluna sejam renderizados. |
Conteúdo | content | Esse campo define o texto que é exibido ao usuário. |
Posição do texto | xattr-text-position | Seleciona a posição em que o texto estará, podendo ser esquerda, centro ou direita. |
Tema | xattr-theme | Escolhe um tema bootstrap (cor) para o o texto do componente. |
Identificador | id | Gera um ID automaticamente para o componente, mas que pode ser alterado. |
Exibir | ng-show | Propriedade AngularJS usada para mostrar ou oculta o componente. |
Parâmetros de tela | screen-params | |
Segurança | cronapp-security | Abre a janela de seleção dos grupos com permissões para visualização ou edição. |
Classes CSS | class | Adiciona classes CSS que já foram criadas. |
Configuração
A lista simples serve tanto para exibir dados provenientes de uma fonte de dados quanto dados estáticos. Para exibir os dados dinâmicos, primeiro é feito a adição do componente fonte de dados no formulário e sua configuração (caso não saiba, clique aqui para saber como faz a configuração de uma fonte de dados).
Dados provenientes de uma fonte de dados
Após configurar a fonte e selecioná-la no campo fonte de dados (1), clique no menu … (2) do campo conteúdo para abrir a janela de configuração do mesmo. Então, selecione a aba campo de tela (3) e escolha qual das colunas dessa fonte (4) irá mostrar os dados na lista (Figura 2).
Figura 2 - Relacionado a coluna da tabela com o componente
Dados estáticos
No caso de dados estáticos, é preciso relacionar também com alguma fonte de dados para que eles sejam renderizados no formulário. Por padrão, o campo repetidor irá garantir a quantidade de dados existentes da fonte de dados sejam renderizados (Figura 3).
Figura 3 - Utilizando dado estático
Nome em inglês
Simple List
Nessa página
Compatibilidade
Formulário web
Equivalente web / mobile
O link será adicionado no final, após todos os componentes criados.
Botão do Componente
Imagem no Editor Visual