Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.

How to pre-populate dynamic data in composite multifield ?

Avatar

Level 2

Hi All,

I need to pre-populate data into composite multi field by reading data from OSGI configuration file.This data should update based on drop down selection.

I am able to read the data from configuration file in JS,But even when i assigned data to fields ,while rendering time fields are showing as blank.

2 Replies

Avatar

Level 7

Hi,

We could implement your use case by following the below helpx article:

Adobe Experience Manager Help | Dynamically updating Adobe Experience Manager TouchUI Dialog Select ...

Below is the sample dialog.xml:

<?xml version="1.0" encoding="UTF-8"?>

<jcr:root xmlns:sling="http://sling.apache.org/jcr/sling/1.0" xmlns:cq="http://www.day.com/jcr/cq/1.0" xmlns:jcr="http://www.jcp.org/jcr/1.0" xmlns:nt="http://www.jcp.org/jcr/nt/1.0"

    jcr:primaryType="nt:unstructured"

    jcr:title="Products FAQ Component"

    sling:resourceType="cq/gui/components/authoring/dialog">

    <content

        jcr:primaryType="nt:unstructured"

        sling:resourceType="granite/ui/components/foundation/container">

        <layout

            jcr:primaryType="nt:unstructured"

            sling:resourceType="granite/ui/components/foundation/layouts/tabs"

            type="nav"/>

        <items jcr:primaryType="nt:unstructured">

            <product-section

                jcr:primaryType="nt:unstructured"

                jcr:title="Products"

                sling:resourceType="granite/ui/components/foundation/section">

                <layout

                    jcr:primaryType="nt:unstructured"

                    sling:resourceType="granite/ui/components/foundation/layouts/fixedcolumns"

                    margin="{Boolean}false"/>

                <items jcr:primaryType="nt:unstructured">

                    <layout

                        jcr:primaryType="nt:unstructured"

                        sling:resourceType="granite/ui/components/foundation/layouts/fixedcolumns">

                        <items jcr:primaryType="nt:unstructured">

                            <multifield

                                jcr:primaryType="nt:unstructured"

                                sling:resourceType="granite/ui/components/foundation/form/multifield"

                                class="full-width"

                                fieldDescription="Click '+' to add a new page and link">

                                <field

                                    jcr:primaryType="nt:unstructured"

                                    sling:resourceType="granite/ui/components/foundation/form/fieldset"

                                    eaem-nested=""

                                    name="./items">

                                    <layout

                                        jcr:primaryType="nt:unstructured"

                                        sling:resourceType="granite/ui/components/foundation/layouts/fixedcolumns"

                                        method="absolute"/>

                                    <items jcr:primaryType="nt:unstructured">

                                        <column

                                            jcr:primaryType="nt:unstructured"

                                            sling:resourceType="granite/ui/components/foundation/container">

                                            <items jcr:primaryType="nt:unstructured">

                                                <question

                                                    jcr:primaryType="nt:unstructured"

                                                    sling:resourceType="granite/ui/components/foundation/form/textfield"

                                                    fieldLabel="Question"

                                                    name="./question"/>

                                                <answer

                                                    jcr:primaryType="nt:unstructured"

                                                    sling:resourceType="granite/ui/components/foundation/form/textfield"

                                                    fieldLabel="Answer"

                                                    name="./answer"/>

                                                <products

                                                    jcr:primaryType="nt:unstructured"

                                                    sling:resourceType="granite/ui/components/foundation/form/select"

                                                    defaultValue="Select a product"

                                                    fieldLabel="Select a product"

                                                    multiple="{Boolean}false"

                                                    name="./product">

                                                    <datasource

                                                        jcr:primaryType="nt:unstructured"

                                                        sling:resourceType="/apps/myproject/datasource/products"

                                                        addNone="{Boolean}true"/>

                                                </products>

                                            </items>

                                        </column>

                                    </items>

                                </field>

                            </multifield>

                        </items>

                    </layout>

                </items>

            </product-section>

        </items>

    </content>

</jcr:root>

Please find the screen-shots of sample OSGi configuration and dynamic drop-down inside a multi-field below:

OSGi configuration:

osgi-config.PNG

Sample dynamic drop-down inside multi-field:

dynamic-dropdown-in-mf.PNG

We hope this helps!

Regards,

TechAspect Solutions

Thank you for reply.

My use case is not related to dynamic drop down implementation.

In my use case i am having OSGI configuration having string array content,Those data i need to pre-populate in multi-field (having textfields)  ,These text fields data would need to update when user change the drop down options.

1563397_pastedImage_0.png