Aem 如何在CQ5中隐藏parsys组件？_Aem_Aem 6

Aem 如何在CQ5中隐藏parsys组件？

aem

Aem 如何在CQ5中隐藏parsys组件？,aem,aem-6,Aem,Aem 6,我学到了很多有趣的东西，我只想和大家分享请参见下面的代码 <div id="myDiv"> <cq:include resourceType="foundation/components/parsys" path="par"/> </div> 我们可以期待帕西一家也被隐藏起来，但这并没有发生为什么?？我们如何隐藏这个parsys？我们需要了解的一件事是，如果我们需要获取任何与CQ相关的组件。我们需要使用CQ提供的WCMAPI 如果我们在parsy

我学到了很多有趣的东西，我只想和大家分享

请参见下面的代码

<div id="myDiv">
    <cq:include resourceType="foundation/components/parsys" path="par"/>
</div>

我们可以期待帕西一家也被隐藏起来，但这并没有发生

为什么?？我们如何隐藏这个parsys？

我们需要了解的一件事是，如果我们需要获取任何与CQ相关的组件。我们需要使用CQ提供的WCMAPI

如果我们在parsys“par”内检查F12，您将看到一个

标签

比如说,

CQ.WCM.edit({"path":"/content/mycompany/jcr:content/par/modal/modal-parsys","type":"foundation/components/parsys","csp":"pageComponent|page/par|parsys/modal|parbase/modal-parsys|parsys","isContainer":true});

请参阅路径：“/content/mycompany/jcr:content/par/modal/modal parsys”属性这是存储库中内容的位置，此处也称为“可编辑”

这被用作“Div ID”来定位parsys、dialobox或CQ中的任何内容

我们使用下面的代码来隐藏组件

var parsysComp = CQ.WCM.getEditable('/content/mycompany/jcr:content/par/modal/modal-parsys');
if(parsysComp) // checking if Exists
{
    parsysComp.hide();
}

有用信息： 如果将此代码粘贴到$（document.ready）或$（window.ready）中，则此操作将不起作用，因为CQ组件在DOM就绪后加载的时间较长，并且与窗口无关

所以说，如果你想在加载页面时隐藏一个parsys，那么把上面的代码放到

CQ.WCM.on('editablesready', function() {
    // Hiding parsys/editable code goes here
});

如果要在设计模式下隐藏parsys编辑栏，请转到设计模式。检查（F12）并在设计模式下找到路径值。可能是

/etc/designs/default/jcr:content/pageComponent/par/modal/modal-parsys

所以要得到可编辑的代码

CQ.WCM.getEditable('/etc/designs/default/jcr:content/pageComponent/par/modal/modal-parsys
');

参考资料：