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.
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
- Baixar os ativos
- Instale o Tomcat se você ainda não o tiver. As instruções para instalar o tomcat estão disponíveis aqui
- Implantar o arquivo SampleRest.war contido neste arquivo zip no Tomcat
- 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
- Insira o valor do empréstimo e saia do campo. Isso acionará a regra que exibe o campo loan period.
- Selecionar o período de empréstimo apropriado (os itens do período de empréstimo são preenchidos a partir da chamada restante)
- Selecione a taxa de juros e clique em "Obter Programação de Amortização"
- A tabela de amortização deve ser preenchida. O calendário de amortização é obtido utilizando uma chamada REST.