无法 select 页面上的组件

Question

我只想对页面中的 selected 组件执行转出。我注意到我无法使用组件编辑栏中的小复选框 select 页面中显示的任何组件。

我不确定为什么会这样。它们都是自定义组件，而不是 OOTB 组件。

如有解决办法，欢迎分享。

Answer 1

我刚刚发现在 EditBar.js 中，与复选框关联的侦听器无法正常工作。如果没有覆盖，可以在 /libs/cq/ui/widgets/source/widgets/wcm/EditBar.js 找到以下位置。

listeners: {
            check: function(cb, checked) {
                if (checked) {
                    CQ.WCM.select(editBar, true);
                } else {
                    CQ.WCM.deselect(editBar, true);
                }
            }
        }

它在“check”事件更改为“selectionChanged”时起作用。清除浏览器缓存，重新加载页面以查看更改。谢谢！

Answer 2

没有 selectionChanged 事件，因此它无法正常工作，例如使用了rollout，应该改成：

listeners: {
    check: function(cb, checked) {
        if (checked) {
            CQ.WCM.select(editBar, true, true);
        } else {
            CQ.WCM.deselect(editBar, true, true);
        }
    }
}

无法 select 页面上的组件

Unable to select the components on a page

components

rollout

aem