javascript - 如何通过 JavaScript 方法关闭 primefaces 面板？

Question

我有一些领域有面板。每次加载该字段时，我都想显示一个关闭的面板。为此，我想通过 JavaScript 方法关闭这些面板。我不能使用 widgetVar 因为这些面板是自动生成的。

        <p:dataTable>
           <p:column>...</p:column>
           <p:column>...</p:column>
           <p:column>...</p:column>
           <p:column><p:rowToggler/></p:column>
           <p:rowExpansion>
               .....
               .....
               <p:panel toggleable="true" toggleSpeed="1000" closeSpeed="500"
                collapsed="true">
                  .....
                  .....
                  .....
               </p:panel>

           </p:rowExpansion>
        </p:dataTable>

假设我扩展了我的第一行并扩展了我的面板，然后我关闭了我的第一行。之后，如果我打开我的任何其他行，我将面板扩展（切换）。

展开任何行后，我应该关闭面板（折叠）。

Answer 1

您可以像这样为每一行设置不同的 widgetVar：

<p:panel widgetVar="panel_#{row_identifier}" ...>

然后你可以通过 JavaScript 调用它。例如，如果您的行标识符为 2：

panel_2.collapse();