How include 2 times the same component? | Community
Skip to main content
hipolitog797579
hipolitog797579
September 9, 2019
Solved

How include 2 times the same component?

  • September 9, 2019
  • 2 replies
  • 3820 views

Hi everyone,

I have few time working with AEM 6.3 and I'm trying to include 2 times the same component into other component.

The next component is a generic redirecction component and this structure is used in a lot of components

<?xml version="1.0" encoding="UTF-8"?>
<jcr:root xmlns:sling="http://sling.apache.org/jcr/sling/1.0"
xmlns:granite="http://www.adobe.com/jcr/granite/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="Lista de Enlaces con Icono"
sling:resourceType="cq/gui/components/authoring/dialog"
extraClientlibs="[core.wcm.components.image.v1.editor]"
helpPath="https://www.adobe.com/go/aem_cmp_image_v1">
      <content jcr:primaryType="nt:unstructured"
               sling:resourceType="granite/ui/components/coral/foundation/container">
          <items jcr:primaryType="nt:unstructured">
              <linkTypeSelection
                          jcr:primaryType="nt:unstructured"
                          granite:class="cq-dialog-dropdown-showhide-multi"
                          sling:resourceType="granite/ui/components/coral/foundation/form/select"
                          name="./linkType" fieldLabel="Tipo de Enlace">
                    <granite:data jcr:primaryType="nt:unstructured"
                          cq-dialog-dropdown-showhide-target=".cqDialogDropdownShowhideTarget" />
                    <items jcr:primaryType="nt:unstructured">
                         <value1 jcr:primaryType="nt:unstructured" text="Interno"
                              value="internal" />
                         <value2 jcr:primaryType="nt:unstructured" text="Externo"
                              value="external" />
                    </items>
                </linkTypeSelection>
                <internalLinks jcr:primaryType="nt:unstructured"
                         granite:class="hide cqDialogDropdownShowhideTarget"
                         sling:resourceType="granite/ui/components/coral/foundation/container">
                    <granite:data jcr:primaryType="nt:unstructured"
                              showhidetargetvalue="internal" />
                    <items jcr:primaryType="nt:unstructured">
                         <internalLinks jcr:primaryType="nt:unstructured"
                              sling:resourceType="granite/ui/components/coral/foundation/form/pathfield"
                              fieldLabel="Enlace Interno" rootPath="/content/foo"
                              name="./internallink">
                         </internalLinks>
                    </items>
               </internalLinks>
               <externalLinks jcr:primaryType="nt:unstructured"
                         granite:class="hide cqDialogDropdownShowhideTarget"
                         sling:resourceType="granite/ui/components/coral/foundation/container">
                    <granite:data jcr:primaryType="nt:unstructured"
                         showhidetargetvalue="external" />
                    <items jcr:primaryType="nt:unstructured">
                         <externalLinks jcr:primaryType="nt:unstructured"
                              sling:resourceType="granite/ui/components/coral/foundation/form/textfield"
                              fieldLabel="Enlace Externo" name="./externallink">
                         </externalLinks>
                    </items>
               </externalLinks>
               <noFollow jcr:primaryType="nt:unstructured"
                         sling:resourceType="granite/ui/components/coral/foundation/form/select"
                         name="./nofollow" fieldLabel="No follow">
                    <items jcr:primaryType="nt:unstructured">
                         <value1 jcr:primaryType="nt:unstructured" text="Sí"
                              value="{Boolean}true" />
                         <value2 jcr:primaryType="nt:unstructured" text="No"
                              value="{Boolean}false" />
                    </items>
               </noFollow>
          </items>
     </content>
</jcr:root>

Then I try to include the previous component two times in another component like next

<?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="Botón genérico"
    sling:resourceType="cq/gui/components/authoring/dialog"
    extraClientlibs="[core.wcm.components.image.v1.editor]"
    helpPath="https://www.adobe.com/go/aem_cmp_image_v1">
    <content
        jcr:primaryType="nt:unstructured"
        sling:resourceType="granite/ui/components/coral/foundation/container">
        <items jcr:primaryType="nt:unstructured">
            <tabs
                jcr:primaryType="nt:unstructured"
                sling:resourceType="granite/ui/components/coral/foundation/tabs"
                maximized="{Boolean}true">
                <items jcr:primaryType="nt:unstructured">
                    <configuracion
                        jcr:primaryType="nt:unstructured"
                        jcr:title="Configuraciòn del Botón"
                        sling:resourceType="granite/ui/components/coral/foundation/fixedcolumns"
                        margin="{Boolean}true">
                        <items jcr:primaryType="nt:unstructured">
                            <content
                                jcr:primaryType="nt:unstructured"
                                sling:resourceType="granite/ui/components/coral/foundation/container"
                                margin="{Boolean}false">
                                <items jcr:primaryType="nt:unstructured">
                                   <field jcr:primaryType="nt:unstructured"
                                        sling:resourceType="granite/ui/components/coral/foundation/container"
                                        name="./linkList"
                                        margin="{Boolean}true">
                                        <items jcr:primaryType="nt:unstructured">
                                             <linkType jcr:primaryType="nt:unstructured"
                                                  sling:resourceType="granite/ui/components/foundation/include"
                                                  name="./linkType"
                                                  path="/apps/foocom/components/section/dialogSnippets/linkType/cq:dialog/content" />
                                        </items>
                                    </field>
                                </items>
                            </content>
                        </items>
                    </configuracion>
                    <configuracionDos
                        jcr:primaryType="nt:unstructured"
                        jcr:title="Configuración del Enlace Secundario"
                        sling:resourceType="granite/ui/components/coral/foundation/fixedcolumns"
                        margin="{Boolean}true">
                        <items jcr:primaryType="nt:unstructured">
                            <content
                                jcr:primaryType="nt:unstructured"
                                sling:resourceType="granite/ui/components/coral/foundation/container"
                                margin="{Boolean}false">
                                <items jcr:primaryType="nt:unstructured">
                                   <field jcr:primaryType="nt:unstructured"
                                        sling:resourceType="granite/ui/components/coral/foundation/container"
                                        name="./linkList"
                                        margin="{Boolean}true">
                                        <items jcr:primaryType="nt:unstructured">
                                             <linkType jcr:primaryType="nt:unstructured"
                                                  sling:resourceType="granite/ui/components/foundation/include"
                                                  name="./linkType"
                                                  path="/apps/foocom/components/section/dialogSnippets/linkType/cq:dialog/content" />
                                        </items>
                                   </field>
                                </items>
                            </content>
                        </items>
                    </configuracionDos>
                </items>
            </tabs>
        </items>
    </content>
</jcr:root>

When I configure the dialog its works fine

This save the properties like array

But when I reopen the dialog doesnt work very well, since it just take the first element of the array

I know that both has the same name, but I don't know how implement it to work fine.

    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 arunpatidar

    The dialog values are stored in the form of properties where the property name comes from dialog fields name property.

    When you open the dialog after authoring, it checks all the properties stored in the content and map with the field using name property and populates in the dialog.

    If you have two fields with the same name property then you will get the same value.

    In your case, you need to change the properties names in second link reference.

    For CTA, Image, always give dialog field name property with extra node e.g. ./cta/href, ./logo/fileReference

    For another set of CTA, use like /cta2/href

    this will help you to adapt CTAs or Images in java model without writing extra codes for another set of links

    @inject

    CTAModel cta

    @inject

    CTAModel cta2

    2 replies

    Umesh_Sondhi
    Umesh_Sondhi
    Level 4
    September 10, 2019

    hi

    You can check this thread How to include an existing component multiple times

    Thanks

      arunpatidar
      Community Advisor
      arunpatidarCommunity AdvisorAccepted solution
      Community Advisor
      September 10, 2019

      The dialog values are stored in the form of properties where the property name comes from dialog fields name property.

      When you open the dialog after authoring, it checks all the properties stored in the content and map with the field using name property and populates in the dialog.

      If you have two fields with the same name property then you will get the same value.

      In your case, you need to change the properties names in second link reference.

      For CTA, Image, always give dialog field name property with extra node e.g. ./cta/href, ./logo/fileReference

      For another set of CTA, use like /cta2/href

      this will help you to adapt CTAs or Images in java model without writing extra codes for another set of links

      @inject

      CTAModel cta

      @inject

      CTAModel cta2

      Arun Patidar
      Terms & ConditionsAccessibility statement

      Loading footer...