Você está vendo a versão antiga da página. Ver a versão atual.

Comparar com o atual Ver Histórico da Página

« Anterior Versão 16 Próxima »

Função

Esse componente possibilita o carregamento de uma grande massa de dados de forma contínua. Por exemplo, ao utilizar uma Lista Simples vinculada a uma Fonte de dados que possua cerca de 1000 registros, o usuário irá carregar inicialmente alguns poucos dados e a medida que desliza a listam, os dados restantes vão sendo exibidos. Esse componente é muito presente também em redes sociais, onde temos infinitas interações entre usuários no feed da aplicação.


Figura 1 - Exemplo do componente sendo executado em uma Lista Simples no iOS

Principais propriedades

Na tabela abaixo estão descritas 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 na área de edição do formulário.

Identificador

id

Gera um ID automaticamente para o componente, mas que pode ser alterado.

EstilostyleAltera o estilo do componente de forma inline.

Exibir

ng-show

Propriedade Angular usada para mostrar ou ocultar 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.

Classes CSS

class

Adiciona classes CSS que já foram criadas.

Exemplo de utilização

Para utilizar o Scroll Infinito é necessário utilizar outro componente em conjunto a ele, como uma Lista Simples (2 da Figura 2).


Figura 2 - Vinculando a fonte de dados a ser exibida com Scroll Infinito


Passos da figura 2:

  1. Adicione o componente Fonte de Dados e selecione uma entidade que possua, por exemplo, mais de 100 registros;
  2. Adicione o componente Lista Simples e vincule o parâmetro Título à uma Fonte de Dados;
  3. Adicione o componente Scroll Infinito (Coloque fora do componente Lista Simples);
  4. Selecione na propriedade Fonte de dados do componente Scroll infinito o Datasource do passo 1.

Nome em inglês

Infinite Scroll


Nessa página


Compatibilidade

  • Formulário mobile


Equivalente web

Não tem.


Botão do Componente



Imagem no Editor Visual


  • Sem rótulos