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.