Contagem de itens do selo do carrossel

Como criar uma contagem dinâmica de itens do carrossel (exibida no crachá) em que os itens no carrossel são controlados por um repetidor que extrai seus dados de um recurso de dados.

Antes de Iniciar

Função necessária: workspace_admin ou ui_builder_admin

Este procedimento usa Construtor de IUcomponentes para criar layouts dinâmicos e interativos. Para obter mais informações sobre como configurar componentes, consulte:

• Adicionar e configurar componentes
• Bits rápidos do Construtor de IU: Navegando na configuração do componente

Tabela 1. Componentes usados neste procedimento

Componente	Links de documentação
Carrossel	Diretrizes de uso Configuração de UIB

Procedimento

1. Configure o Carrossel para usar um repetidor que extrai seus dados de um recurso de dados.
2. Para criar um objeto que determina as propriedades do selo, abra a página Parâmetros de estado do cliente caixa de diálogo.
   
   1. Substitua o. Nome com BadgeConfigState , e do Tipo menu suspenso, escolha JSON .
      
   2. Passe o mouse sobre Valor inicial e selecione Editar .
   3. Escolha o tipo JSON objeto no menu suspenso.
   4. Selecione Adicionar propriedade e adicione o selo cor , rótulo , e. variante propriedades.
      
   5. Selecione Aplicar para retornar ao Edite parâmetros de estado do cliente caixa de diálogo.
      
   6. Feche a caixa de diálogo.
      Posteriormente, você usará um script para atualizar as propriedades deste objeto após o carregamento do recurso de dados.
3. Para definir a configuração do selo para o objeto recém-criado, no Conteúdo árvore, selecione Carrossel componente.
   1. Em Configuração Para o componente Carrossel, passe o mouse sobre Configuração do selo e selecione Vincule dados ou use scripts ícone.
      
   2. Em Vincular dados à configuração do crachá , selecione o tipo de dados estados do cliente .
   3. Selecione BadgeConfigState (3) e para adicioná-lo à área de saída de dados, selecione o ícone de seta para cima.
      
   4. Selecione Aplicar.
      . BadgeConfigState O parâmetro deve ser adicionado ao carrossel Configuração do selo .
   
4. Abra o. Edite o script do cliente selecionando Adicione um novo Edite o script do cliente .
   
5. Para criar um script de cliente que atualiza o. BadgeClientState "rótulo" Valor do parâmetro para o número de itens no carrossel, insira: api.setState(`badgeConfigState`,...api.state.badgeConfigState, "label": "Count: api.data.look_up_multiple_records_1.results.length");
   
6. Adicione um evento ao recurso de dados para que o script do cliente seja acionado sempre que o recurso de dados for atualizado.
   1. No canto inferior esquerdo, selecione o recurso de dados Pesquisar vários registros 1 > Guia Eventos.
      
   2. Selecione Adicione mapeamento de evento , selecione Obtenção de dados bem-sucedida e selecione Continuar .
   3. Selecione Adicione manipulador , role para baixo e selecione o novo script de cliente que você criou e selecione Continuar .
      
   4. Quando acionar deve ser definido como Sempre .
   5. Selecione Continuar.
   6. Selecione Adicionar e feche o. Editar caixa de diálogo.
7. No canto superior direito, selecione Salvar > Selecione a seta suspensa Visualizar > Abrir caminho do URL.
   
   . Título do seu carrossel deve ter um selo contagem seguido pelo número de itens do carrossel.