items and sub nodes are getting reset in Multifield coral UI3 AEM 6.5. | Community
Skip to main content
S
sreenathg397727
July 23, 2020
Solved

items and sub nodes are getting reset in Multifield coral UI3 AEM 6.5.

  • July 23, 2020
  • 3 replies
  • 1306 views

we have used  sling:resourceType="granite/ui/components/foundation/form/multifield" in aem 6.4. Nodes are created like below and its working fine. we used podComponent inside podsContainer component dialog.

podsContainer

             |

            pods

                 |

                 0

                  |

                 assetPod

 

but when we chaged sling:resourceType="granite/ui/components/coral/foundation/form/multifield" in aem 6.5. Nodes needs to be created in below format. but data is resetting for every dialog submission.

podsContainer

             |

            pods

                 |

                items0

                  |

                 assetPod (not creating)

 

 

 

 

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 ChitraMadan

Hi @sreenathg397727 ,

 

Please go through below example. It works perfectly with item nodes created in the new structure.

 

_________Dialog______________

<infoItems
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/multifield"
composite="{Boolean}true"
fieldLabel="Items">
<field
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/container"
name="./infoItems">
<items jcr:primaryType="nt:unstructured">
<column
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/container">
<items jcr:primaryType="nt:unstructured">
<iconUrl
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/pathfield"
fieldLabel="Icon"
name="./iconUrl"
rootPath="/content/dam/"/>
<infoText
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/textarea"
fieldLabel="Info Text"
name="./infoText"/>
</items>
</column>
</items>
</field>
</infoItems>
 
________Sling Model_______
@Getter
@Model(adaptables = Resource.class, defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL)
public class InfoItems {

@Inject
private Resource infoItems;
}
________HTL_________
<sly data-sly-use.model="co.sampleapp.InfoItems">
<ul data-sly-list.infoItem="${model.infoItems.listChildren}">
<li><b>Icon: ${infoItem.iconUrl} Text:</b> ${infoItem.infoText}</li>
</ul>
</sly>

3 replies

vanegi
Adobe Employee
vanegiAdobe Employee
Adobe Employee
July 23, 2020

Please have a look at this reference thread https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/aem-6-5-multifield-is-not-retaining-the-text-field-values/qaq-p/356793.

    ChitraMadan
    Community Advisor
    ChitraMadanCommunity AdvisorAccepted solution
    Community Advisor
    July 23, 2020

    Hi @sreenathg397727 ,

     

    Please go through below example. It works perfectly with item nodes created in the new structure.

     

    _________Dialog______________

    <infoItems
    jcr:primaryType="nt:unstructured"
    sling:resourceType="granite/ui/components/coral/foundation/form/multifield"
    composite="{Boolean}true"
    fieldLabel="Items">
    <field
    jcr:primaryType="nt:unstructured"
    sling:resourceType="granite/ui/components/coral/foundation/container"
    name="./infoItems">
    <items jcr:primaryType="nt:unstructured">
    <column
    jcr:primaryType="nt:unstructured"
    sling:resourceType="granite/ui/components/coral/foundation/container">
    <items jcr:primaryType="nt:unstructured">
    <iconUrl
    jcr:primaryType="nt:unstructured"
    sling:resourceType="granite/ui/components/coral/foundation/form/pathfield"
    fieldLabel="Icon"
    name="./iconUrl"
    rootPath="/content/dam/"/>
    <infoText
    jcr:primaryType="nt:unstructured"
    sling:resourceType="granite/ui/components/coral/foundation/form/textarea"
    fieldLabel="Info Text"
    name="./infoText"/>
    </items>
    </column>
    </items>
    </field>
    </infoItems>
     
    ________Sling Model_______
    @Getter
    @Model(adaptables = Resource.class, defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL)
    public class InfoItems {

    @Inject
    private Resource infoItems;
    }
    ________HTL_________
    <sly data-sly-use.model="co.sampleapp.InfoItems">
    <ul data-sly-list.infoItem="${model.infoItems.listChildren}">
    <li><b>Icon: ${infoItem.iconUrl} Text:</b> ${infoItem.infoText}</li>
    </ul>
    </sly>
      VeenaVikraman
      Community Advisor
      VeenaVikramanCommunity Advisor
      Community Advisor
      July 23, 2020

      @sreenathg397727 Have you customized the multifield rendering in 6.4 ? The behavior you see in 6.5 is the OOTB rendering behavior. For every item , it will create a node starting items0,items1,... and when each individual field values will go us property in the items node. I would recommend to modify your existing code to match this behavior as this might cause issues for future upgrades. Try to keep customization as less as possible . 

       

      Thanks

      Veena

        Terms & ConditionsAccessibility statement

        Loading footer...