Диалог AEM cq перезаписывает пользовательскую адаптивную сетку - PullRequest
0 голосов
/ 04 сентября 2018

Я разрабатываю компонент TAB, каждая вкладка является полем мультиполя, при рендеринге в HTL она создает отзывчивую сетку внутри поля item # мультиполя. Все отлично работает в первый раз, но всякий раз, когда я возвращаюсь в диалоговое окно, чтобы добавить другую вкладку и нажимать ОК, тогда отзывчивые сетки для каждой вкладки исчезают.

Я предполагаю, что когда я сохраняю диалог cq, он каким-то образом перезаписывает данные, и так как отзывчивая сетка не является частью диалога, он не добавляется. Как мне решить эту проблему? Можно ли предотвратить перезапись диалога? или как-то включить отзывчивые сетки в диалоге?

HTL:

    <section data-title="${tabItem.title}" class="cmp-tabs__tabSection
            ${tabItemList.first ? 'is-active' : ''} ${wcmmode.edit ? 'author' : ''}"
             id="${uniqueElemId.uniqueId}-tab-${tabItemList.index}-tabsection" role="tabpanel" aria-labelledby="${uniqueElemId.uniqueId}-tab-${tabItemList.index}"
             aria-hidden="${tabItemList.first ? 'false' : 'true'}"
             aria-selected="${tabItemList.first ? 'true' : 'false'}">
            <div class="tabContent" data-sly-resource="${'tabs/item{0}/tabcontent' @ format=tabItemList.index,
            resourceType='wcm/foundation/components/responsivegrid'}"></div>
    </section>

CQ DIALOG

<tabs  
    jcr:primaryType="nt:unstructured"
    sling:resourceType="granite/ui/components/coral/foundation/form/multifield"
    composite="{Boolean}true"
    fieldLabel="Tabs">
    <field
        jcr:primaryType="nt:unstructured"
        sling:resourceType="granite/ui/components/coral/foundation/container"
        name="./tabs">
        <items 
            jcr:primaryType="nt:unstructured">
            <title
                jcr:primaryType="nt:unstructured"
                sling:resourceType="granite/ui/components/coral/foundation/form/textfield"
                fieldDescription="Enter the tab title"
                fieldLabel="Title"
                name="./title"
                required="{Boolean}true"/>
        </items>
    </field>
</tabs>

Образец CRXDE:

enter image description here

...