Versões comparadas
Chave
- Esta linha foi adicionada.
- Esta linha foi removida.
- A formatação mudou.
Função
O componente Linha do Tempo é um componente que permite a exibição de dados de forma linear de acordo com a data do evento, com ele, é possível organizar eventos do passado, presente ou futuro.
Figura 1 - Exemplo do componente em sua configuração básica rodando no aplicativo
Principais propriedades
Na tabela abaixo estão descritas as principais propriedades para o funcionamento básico do componente.
Nome | Propriedade | Função |
---|---|---|
Configurações | options | Abre uma janela para personalização do componente. |
Identificador | id | Atributo que especifica um ID exclusivo para o componente. Por padrão um id é gerado automaticamente e atribuído ao componente. |
Estilo | style | Altera o estilo do componente da forma inline. |
Exibir | ng-show | Propriedade Angular usada para mostrar ou oculta o componente. |
Repetir | crn-repeat | Propriedade que seleciona uma fonte de dados contida na tela e repete o componente baseado no número de itens dessa fonte de dados. |
Segurança | cronapp-security | Abre a janela de seleção dos grupos com permissões para visualização ou edição da Grade. |
Diagrama de dados
Para que o componente funcione corretamente, é necessário criar uma classe no Diagrama de dados contendo as informações mostradas na figura 2.
Figura 2 - Classe criada no Diagrama de dados
Após ser criada, é necessário gerar a camada de persistência e uma visão para a entidade.
Abaixo, segue o nome das propriedades seguido to tipo.
Nome | Tipo |
---|---|
id | Texto |
evento | Texto |
data | Data e Hora |
icone | Texto |
posicao | Texto |
Aviso |
---|
O Nome e Tipo precisam ser igual ao mostrado na tabela e na figura 2. |
Configuração
A janela Configuração possui diversas propriedades para a personalização do componente. Selecione o componente no editor visual para exibir suas propriedades na aba lateral, clique no botão “...” da propriedade Configuração para abrir a janela.
Aviso |
---|
Não é possível utilizar a mesma fonte de dados para dois componentes na mesma tela. |
Nome em inglês
Time Line
Nesta página
Índice | ||||
---|---|---|---|---|
|
Compatibilidade
Formulário web
Equivalente mobile
Não possui
Botão do Componente
Imagem no Editor Visual