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.

Usando o 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.

Usando o 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>

Adicionando itens usando o editor de regras

Adicionando itens usando o editor de código

Para experimentar isso no seu sistema:

Usando o editor de código para adicionar itens

Usando o editor visual para adicionar itens