如何通过javascript方法关闭primefaces面板?

时间:2013-09-15 14:30:14

标签: javascript jquery primefaces

嗨我有一些我有面板的领域。每次加载该字段时,我想显示一个封闭的面板。为此我想通过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>

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

展开任何一行后,我应该让我的面板关闭(折​​叠)。

1 个答案:

答案 0 :(得分:3)

您可以为每行设置不同的widgetVar,如下所示:

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

然后你可以通过JavaScript调用它。例如,如果您的行标识符是2:

panel_2.collapse();