如何以编程方式折叠所有面板在primeface手风琴面板？

Question

我在primeface对话框中有一个primeface手风琴面板，每次对话框（对话框是动态的="true"）打开时，手风琴面板的所有面板都会折叠。

accordionPanel有一个特性，它可以有0到2个面板，直到用户单击菜单项时才知道这一点。这些面板的存在与否取决于支持bean中是否存在2个对象。

我的代码：

<p:accordionPanel activeIndex="-1" dynamic="true" widgetVar="accordionPanelWV" id="accordionPanel">
    <p:tab title="#{messages['comun.provA']}" rendered="#{productsBean.productSel.providerA != null}">
        ....
    </p:tab>
    <p:tab title="#{messages['comun.provB']}" rendered="#{productsBean.productSel.providerB != null}">
        ....
    </p:tab>
</p:accordionPanel>

我试过以下方法，但都没有达到预期的效果

在打开/关闭对话框之前，在JS/Jquery中选择一个负数、null或无效索引

PF('accordionPanelWV').select(-1);
PF('accordionPanelWV').select(null);
PF('accordionPanelWV').select("");

在打开/关闭对话框之前取消选择JS/JQuery中的所有索引

PF('accordionPanelWV').unselect(0);
PF('accordionPanelWV').unselect(1);

我该怎么做？

Primefaces 8.0版

谢谢

Answer 1

这将在PF 9.0中固定：https://github.com/primefaces/primefaces/issues/6605

要添加selectAll和unselectAll方法来展开所有面板或折叠所有面板，只需将此JS代码添加到您的应用程序中。

if (PrimeFaces.widget.AccordionPanel) {
    PrimeFaces.widget.AccordionPanel.prototype.selectAll = function() {
        var $this = this;
        this.panels.each(function(index) {
            $this.select(index);
            if (!$this.cfg.multiple) {
                return false; // breaks
            }
        });
    };

    PrimeFaces.widget.AccordionPanel.prototype.unselectAll = function() {
        var $this = this;
        this.panels.each(function(index) {
            $this.unselect(index);
        });
    };
}