Adicionar itens dinamicamente ao componente do grupo de opções

O AEM Forms 6.5 introduziu a capacidade de adicionar itens dinamicamente a um componente de grupo de opções do Adaptive Forms, como CheckBox, Botão de opção e Lista de imagens.

É possível adicionar itens usando o editor visual, bem como o editor de código, dependendo do caso de uso.

Uso do editor visual: Você pode preencher os itens do grupo de opções a partir dos resultados de uma chamada de função ou de serviço. Por exemplo, você pode definir os itens do grupo de opções consumindo a resposta de uma chamada à API REST.

Na captura de tela abaixo, estamos definindo as opções de Período de empréstimo (anos) para os resultados de uma chamada de serviço chamada getLoanPeriods.

Editor de regras

Uso do editor de código: quando quiser definir os itens no grupo de opções dinamicamente com base nos valores inseridos no formulário. Por exemplo, o trecho de código a seguir define os itens da caixa de seleção para os valores inseridos nos campos nome do candidato e cônjuge do Formulário adaptável.

No trecho de código, estamos definindo os itens de WorkingMembers, que é um componente de caixa de seleção. A matriz dos itens está sendo criada dinamicamente, buscando os valores dos campos de texto applicationName e spouse dos formulários adaptáveis


 if(MaritalStatus.value=="Married")
  {
WorkingMembers.items =["spouse="+spouse.value,"applicant="+applicantName.value];
  }
else
  {
    WorkingMembers.items =["applicant="+applicantName.value];
  }

Os dados apresentados são os seguintes

<afUnboundData>

<data>

<applicantName>John Jacobs</applicantName>

<MaritalStatus>Married</MaritalStatus>

<spouse>Gloria Rios</spouse>

<WorkingMembers>spouse,applicant</WorkingMembers>

</data>

</afUnboundData>

Adicionar itens usando o editor de regras

Adicionar itens usando o editor de código

Para experimentar isso no seu sistema:

Utilização do editor de código para adicionar itens

  • Baixar os ativos
  • Abrir Forms E Documentos
  • Clique em "Criar | Upload de arquivo" e faça upload do arquivo baixado na etapa anterior
  • Pré-visualizar os formulários
  • Informe o Nome do Candidato e selecione o Estado Civil para Casado
  • Insira o nome do cônjuge
  • Clique em Avançar
  • Você deve ver a caixa de seleção preenchida com o nome do candidato e com o nome do cônjuge se o estado civil for casado

Uso do editor visual para adicionar itens

NOTE
Pressupõe-se que o tomcat esteja em execução na porta 8080 e o AEM na porta 4502
recommendation-more-help
8de24117-1378-413c-a581-01e660b7163e