Level 2

Solved

Multi field collapses after submit

Forum|Forum|2 years ago
May 7, 2023
2 replies
964 views

Hello Community,

I am not able to read the values of a multi field while the dialog submit event, below is the example before dialog submission.

the can be accessed using jQuery but,

after the dialog is submitted the field collapses and the DOM objects and the values are not available. Below is the example after dialog submit.

The fields are not available, is there anyway to read the multi field values.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

Best answer by Sady_Rifat

Hello @vinod-n-e ,
The problem is in your code you just missed composite="{Boolean}true" where you put the value as false.

composite="{Boolean}true"

This property will solve your problem.

Still, the recommendation is to use Coral 3 which is the latest.

New structure sample code,

<rootPaths
        jcr:primaryType="nt:unstructured"
        sling:resourceType="granite/ui/components/coral/foundation/form/multifield"
        fieldLabel="Root nodes are not allowed"
        composite="{Boolean}true">
    <field
            jcr:primaryType="nt:unstructured"
            sling:resourceType="granite/ui/components/coral/foundation/container"
            name="./rootPaths">
        <items jcr:primaryType="nt:unstructured">
            <parentPage
                    jcr:primaryType="nt:unstructured"
                    sling:resourceType="granite/ui/components/foundation/form/pathbrowser"
                    name="./tagsSearchRoot"
                    rootPath="/content"/>
        </items>
    </field>
</rootPaths>

Saravanan_Dharmaraj

Community Advisor

@vinod-n-e Please see the example below for the multifield in AEM

https://exadel.com/news/setting-up-a-multifield-in-aem-touch-ui-dialogs-tutorial/

Please post the dialog xml here to get more support. When you say you are not able to read , you mean in Sling model or sightly ? Are you using composite multifield?

V

Vinod-N-EAuthor

Level 2

                                    <rootPaths
                                        jcr:primaryType="nt:unstructured"
                                        sling:resourceType="granite/ui/components/foundation/form/multifield"
                                        composite="{Boolean}false"
										fieldDescription="Root nodes are not allowed"
                                        name="./rootPaths">
                                        <field
                                            jcr:primaryType="nt:unstructured"
                                            sling:resourceType="granite/ui/components/foundation/form/fieldset"
                                            composite="{Boolean}false"
                                            key="rootPaths"
                                            name="./rootPaths">
                                            <items jcr:primaryType="nt:unstructured">
                                                <column
                                                    jcr:primaryType="nt:unstructured"
                                                    sling:resourceType="granite/ui/components/coral/foundation/container">
                                                    <items jcr:primaryType="nt:unstructured">
                                                        <parentPage
                                                            jcr:primaryType="nt:unstructured"
                                                            sling:resourceType="granite/ui/components/foundation/form/pathbrowser"
                                                            name="./tagsSearchRoot"
                                                            rootPath="/content"/>
                                                    </items>
                                                </column>
                                            </items>
                                        </field>
                                    </rootPaths>

The values are getting posted to the crx, I am trying to validate the multi field using JS.

I am able to get the values before submit, but during the submit, the fields are not available that's the issue.

Sady_Rifat

Accepted solution

Community Advisor

Hello @vinod-n-e ,
The problem is in your code you just missed composite="{Boolean}true" where you put the value as false.

composite="{Boolean}true"

This property will solve your problem.

Still, the recommendation is to use Coral 3 which is the latest.

New structure sample code,

<rootPaths
        jcr:primaryType="nt:unstructured"
        sling:resourceType="granite/ui/components/coral/foundation/form/multifield"
        fieldLabel="Root nodes are not allowed"
        composite="{Boolean}true">
    <field
            jcr:primaryType="nt:unstructured"
            sling:resourceType="granite/ui/components/coral/foundation/container"
            name="./rootPaths">
        <items jcr:primaryType="nt:unstructured">
            <parentPage
                    jcr:primaryType="nt:unstructured"
                    sling:resourceType="granite/ui/components/foundation/form/pathbrowser"
                    name="./tagsSearchRoot"
                    rootPath="/content"/>
        </items>
    </field>
</rootPaths>

V

Vinod-N-EAuthor

Level 2

Thanks Sady, I tested this and it seems to be fine now.

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded