Simplest way to implement Multifield in Sling Models | Community
Skip to main content
Nandheswara
Nandheswara
Level 4
January 23, 2023
Solved

Simplest way to implement Multifield in Sling Models

  • January 23, 2023
  • 7 replies
  • 8978 views

Hi all,

I want to write a sling models for multifield for touch ui component. If any one having idea to write the sling model for multifield with minimal code please suggest some examples.

Thanks

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 Anudeep_Garnepudi

@nandheswara 

 

In Sling Model  annotate your multifiled with @ChildResource with reference List<T>

Write a Sling Model for Multi Field item. Ex: MultiFieldItem is model for multifield item which will have all properties of each item.

@ChildResource private List<MultiFieldItem> myMultiField;

Now you can iterate the myMultiField list it HTL or in Sling Model to get data.

 

7 replies

B_Sravan
Community Advisor
B_SravanCommunity Advisor
Community Advisor
January 23, 2023

The best way is to go with a sling model.

more on this: https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/multifield-using-sling-model/td-p/449483

Thank you,
Sravan

    Kiran_Vedantam
    Community Advisor
    Kiran_VedantamCommunity Advisor
    Community Advisor
    January 23, 2023

    Hi @nandheswara 

     

    Please find my blog here which explains all the steps to create a MF: https://allaembykiran.wordpress.com/2021/01/13/nested-multi-field/

     

    Hope this helps!


    Thanks,
    Kiran Vedantam.

      H
      HariDo
      Level 3
      January 24, 2023
      public List<String> getCqTags() { List<String> level2Tags = new ArrayList<>(); Page currentPage = pageManager.getContainingPage(getResource()); ValueMap props = currentPage.getProperties(); String[] cqTags = props.get("cq:tags", String[].class); for (String tag : cqTags) { if(tag.split("/").length == 2) { level2Tags.add(tag); } } logger.info("Level 2 cq:tags property: {}", level2Tags); return level2Tags; }
        H
        HariDo
        Level 3
        January 24, 2023
        public List<String> getCqTags() { List<String> parentTags = new ArrayList<>(); Page currentPage = pageManager.getContainingPage(getResource()); ValueMap props = currentPage.getProperties(); String[] cqTags = props.get("cq:tags", String[].class); for (String tag : cqTags) { //check if the tag has child tags or not if (!hasChildTags(tag)) { //if the tag is leaf node, add its parent tag parentTags.add(getParentTag(tag)); } } logger.info("Parent cq:tags property of leaf tags: {}", parentTags); return parentTags; }
          sunil_kumar_
          sunil_kumar_
          Level 5
          January 24, 2023

          Hi @nandheswara , It all depend on complexity on your use case/Multifield. I am sharing a pseudo code having 3 fields in multifield  and in sling model it handling using MAP. Update field names as per need. I will also add links to complete files

          Dialog(only multifield pseudo code. Will leave link to complete dialog file)

          <bookdetailswithmap jcr:primaryType="nt:unstructured" sling:resourceType="granite/ui/components/coral/foundation/form/multifield" composite="{Boolean}true" fieldDescription="Books Details" fieldLabel="Book Details" required="{Boolean}false"> <field jcr:primaryType="nt:unstructured" sling:resourceType="granite/ui/components/coral/foundation/container" emptyText="Books Details" name="./bookdetailswithmap"> <items jcr:primaryType="nt:unstructured"> <book jcr:primaryType="nt:unstructured" sling:resourceType="granite/ui/components/coral/foundation/form/textfield" emptyText="Book Name" fieldLabel="Book Name" name="./bookname"/> <subject jcr:primaryType="nt:unstructured" sling:resourceType="granite/ui/components/coral/foundation/form/textfield" emptyText="Book Subject" fieldLabel="Book Subject" name="./booksubject"/> <published jcr:primaryType="nt:unstructured" sling:resourceType="granite/ui/components/coral/foundation/form/textfield" emptyText="Publish Year" fieldLabel="Publish Year" name="./publishyear"/> </items> </field> </bookdetailswithmap>

           Sling Model(Only method which return multifield values. get resource using annotation)

          public List<Map<String, String>> getBookDetailsWithMap() { List<Map<String, String>> bookDetailsMap=new ArrayList<>(); try { Resource bookDetail=componentResource.getChild("bookdetailswithmap"); if(bookDetail!=null){ for (Resource book : bookDetail.getChildren()) { Map<String,String> bookMap=new HashMap<>(); bookMap.put("bookname",book.getValueMap().get("bookname",String.class)); bookMap.put("booksubject",book.getValueMap().get("booksubject",String.class)); bookMap.put("publishyear",book.getValueMap().get("publishyear",String.class)); bookDetailsMap.add(bookMap); } } }catch (Exception e){ LOG.info("\n ERROR while getting Book Details {} ",e.getMessage()); } LOG.info("\n SIZE {} ",bookDetailsMap.size()); return bookDetailsMap; }

          Sightly (pseudo code) to print multifield values. Update as per your need. 

          <div data-sly-list.item="${books.bookDetailsWithMap}"> ---------------Book : ${itemList.count}-------------- <p> Book : <b>${item.bookname} </b></p> <p> Subject : <b>${item.booksubject}</b> </p> <p> Publish : <b>${item.publishyear}</b> </p> </div>

          Sling Model - https://github.com/aemgeeks1212/aemgeeks/blob/master/core/src/main/java/com/aem/geeks/core/models/impl/AuthorBooksImpl.java
          Component - https://github.com/aemgeeks1212/aemgeeks/tree/master/ui.apps/src/main/content/jcr_root/apps/aemgeeks/components/content/author-books

          If you are interested. Links to video tutorials.
          Multifield - https://youtu.be/TJaAdbkyPJQ
          Nested Multifield - https://youtu.be/Lm6o5JDNiqs
          Validation for Multifield - https://youtu.be/tsd8s8UMBRY 

            Anudeep_Garnepudi
            Community Advisor
            Anudeep_GarnepudiCommunity AdvisorAccepted solution
            Community Advisor
            January 24, 2023

            @nandheswara 

             

            In Sling Model  annotate your multifiled with @ChildResource with reference List<T>

            Write a Sling Model for Multi Field item. Ex: MultiFieldItem is model for multifield item which will have all properties of each item.

            @ChildResource private List<MultiFieldItem> myMultiField;

            Now you can iterate the myMultiField list it HTL or in Sling Model to get data.

             

              Terms & ConditionsAccessibility statement

              Loading footer...