Javascript 渲染<；p：面板>；内容通过单击展开

目前，我开发了一个带有JSF的前端，它加载了太多的数据，这并不是用户在所有情况下都需要的，上面提到的数据被标记分割，我需要通过单击展开面板动态呈现信息：

        <p:panel header="#{myBean.someStringTittle}"
            id="information1" toggleable="true" rendered="true" collapsed="true">

                    <h:panelGrid>
                        <h:outputText
                            value="#{mybean.someVale]}" />
                        <p:inputText readonly="true">
                                ......
                                ......
        <p:panel>

......
......

在许多情况下，用户不需要查看该面板内的信息，属性collapsed=“true”加载面板时关闭，但面板内的信息已渲染，仅当用户展开面板时，我才需要渲染该信息

---

如何执行此操作？

您可能希望尝试为“tabChange”和/或“tabClose”事件编写事件处理程序。根据激活的选项卡，将内容动态加载到支持bean中。然后当网页刷新时，它会显示内容

这是手风琴面板Primefaces展示案例的“更改事件”示例

---

我认为您可以使用一个选项卡：

<p:accordionPanel dynamic="true" cache="true">
    <p:tab title="Godfather Part I">
        <h:panelGrid columns="2" cellpadding="10">
            <p:graphicImage name="demo/images/godfather/godfather1.jpg" />
            <h:outputText
                value="The story begins as Don Vito Corleone..." />
        </h:panelGrid>
    </p:tab>
</p:accordionPanel>

与

---

并在ontogle（）中将boole设置为true。

您的意思是它仍然在不单击

的情况下渲染

？

<p:ajax event="toggle" listener="#{myBean.onToggle}" update="information1" />

<h:panelGrid rendered="#{myBean.boole}">