css - 一个页面上的多个 Parsys

Question

我们在 aem 6.3 中有一个页面，其中包含多个 parsys 和 iparsys。它们相互重叠，当我们将一个组件放入其中一个 parsys 时，它会隐藏在它被放置的 parsys 后面。拥有多个 parsys 时应遵循哪些最佳实践？PS:我们在 AEM 6.0 的时候就有过这个设计。它在经典 UI 中很好，但触摸 UI 也有同样的问题。现在我们正在迁移到 AEM 6.3 并重构代码以与 AEM 6.3 保持一致。这可能是什么问题？我们只有一个包含少量 parsys 且未应用自定义 CSS 的示例页面。我们在这里缺少一些 clientlib 吗？谢谢

Answer 1

我只是有一个猜测，但在 AEM 6.2 中，如果我们的组件没有外部 div，我们会遇到类似的问题。只为非 Release模式添加一个 div 就足够了。

<div data-sly-test="${!wcmmode.disabled}">
   <ul ...>
      <li>....
   </ul>
</div>

如果这没有帮助，请尝试使用 cq:editConfig 设置。将 afteredit 监听器设置为 REFRESH_PARENT。

<?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:mixinTypes="[]"
    jcr:primaryType="cq:EditConfig">
    <cq:listeners
        jcr:primaryType="cq:EditListenersConfig"
        afteredit="REFRESH_PARENT"/>
</jcr:root>

其他监听器有aftercreate、afterdelete、afterinsert、aftermove和afterremove