Criar um formulário adaptável usando um conjunto de formulários adaptáveis create-an-adaptive-form-using-a-set-of-adaptive-forms

O Adobe recomenda o uso de Componentes principaisde captura de dados moderna e extensível para criar um novo Forms Adaptávelou adicionar o Forms Adaptável às páginas do AEM Sites. Esses componentes representam um avanço significativo na criação do Forms adaptável, garantindo experiências de usuário impressionantes. Este artigo descreve a abordagem mais antiga para criar o Forms adaptável usando componentes de base.

Visão geral overview

Em um fluxo de trabalho, como um aplicativo para abrir uma conta bancária, os usuários preenchem vários formulários. Em vez de pedir que eles preencham um conjunto de formulários, você pode empilhá-los e criar um formulário grande (formulário pai). Ao adicionar um formulário adaptável ao formulário maior, ele é adicionado como um painel (formulário filho). Você adiciona um conjunto de formulários secundários para criar um formulário principal. Você pode mostrar ou ocultar painéis com base na entrada do usuário. Os botões do formulário pai, como enviar e redefinir, substituem os botões do formulário filho. Para adicionar um formulário adaptável no formulário pai, você pode arrastar e soltar o formulário adaptável do navegador de ativos (como fragmentos de formulário adaptáveis).

Os recursos disponíveis são:

Recursos como criação independente e carregamento lento fornecem melhorias de desempenho em relação ao uso de componentes individuais para criar o formulário pai.

Nos bastidores behind-the-scenes

Você pode adicionar formulários e fragmentos adaptáveis baseados em XSD no formulário principal. A estrutura do formulário pai é igual a qualquer formulário adaptável. Quando você adiciona um formulário adaptável como um formulário filho, ele é adicionado como um painel no formulário pai. Os dados de um formulário filho associado são armazenados na dataraiz da seção afBoundData do esquema XML do formulário pai.

Por exemplo, seus clientes preenchem um formulário de inscrição. Os dois primeiros campos do formulário são nome e identidade. Seu XML é:

<afData>
    <afUnboundData>
        <data />
    </afUnboundData>
    <afBoundData>
        <data xmlns:xfa="https://www.xfa.org/schema/xfa-data/1.0/">
            <applicantName>Sarah Rose</applicantName>
            <applicantId>1234</applicantId>
        </data>
    </afBoundData>
</afData>

Você adiciona outro formulário no aplicativo que permite que os clientes preencham o endereço comercial. A raiz de esquema do formulário filho é officeAddress. Aplicar bindref /application/officeAddress ou /officeAddress. Se bindref não for fornecido, o formulário filho será adicionado como a subárvore officeAddress. Consulte o XML do formulário abaixo:

<afData>
    <afUnboundData>
        <data />
    </afUnboundData>
    <afBoundData>
        <data xmlns:xfa="https://www.xfa.org/schema/xfa-data/1.0/">
            <applicantName>Sarah Rose</applicantName>
            <applicantId>1234</applicantId>
            <officeAddress>
                <addressLine>1, Geometrixx City</addressLine>
                <zip>11111</zip>
            </officeAddress>
        </data>
    </afBoundData>
</afData>

Se você inserir outro formulário que permita que seus clientes forneçam o endereço residencial, aplique bindref /application/houseAddress or /houseAddress.O XML se parece com:

<afData>
    <afUnboundData>
        <data />
    </afUnboundData>
    <afBoundData>
        <data xmlns:xfa="https://www.xfa.org/schema/xfa-data/1.0/">
            <applicantName>Sarah Rose</applicantName>
            <applicantId>1234</applicantId>
            <officeAddress>
                <addressLine>1, Geometrixx City</addressLine>
                <zip>11111</zip>
            </officeAddress>
            <houseAddress>
                <addressLine>2, Geometrixx City</addressLine>
                <zip>11111</zip>
            </houseAddress>
        </data>
    </afBoundData>
</afData>

Se você quiser manter o mesmo nome de subraiz da raiz do esquema ( Address neste exemplo), use bindrefs indexados.

Por exemplo, aplique bindrefs /application/address[1] ou /address[1] e /application/address[2] ou /address[2]. O XML do formulário é:

<afData>
    <afUnboundData>
        <data />
    </afUnboundData>
    <afBoundData>
        <data xmlns:xfa="https://www.xfa.org/schema/xfa-data/1.0/">
            <applicantName>Sarah Rose</applicantName>
            <applicantId>1234</applicantId>
            <address>
                <addressLine>1, Geometrixx City</addressLine>
                <zip>11111</zip>
            </address>
            <address>
                <addressLine>2, Geometrixx City</addressLine>
                <zip>11111</zip>
            </address>
        </data>
    </afBoundData>
</afData>

É possível alterar a subárvore padrão do formulário/fragmento adaptável usando a propriedade bindRef. A propriedade bindRef permite especificar o caminho que aponta para um local na estrutura de árvore do esquema XML.

Se o formulário filho não estiver vinculado, seus dados serão armazenados na dataraiz da seção afUnboundData do esquema XML do formulário pai.

É possível adicionar um formulário adaptável como formulário filho várias vezes. Verifique se bindRef foi modificado corretamente para que cada instância usada do formulário adaptável aponte para uma subraiz diferente na raiz de dados.

Adicionar um formulário adaptável como um formulário filho usando o navegador de ativos adding-an-adaptive-form-as-a-child-form-using-asset-browser

Execute as seguintes etapas para adicionar um formulário adaptável como um formulário filho usando o navegador de ativos.