Primefaces 通过 Javascript 更改元素属性

Question

我正在开发使用 Primefaces 3.5 的项目（是的，它是一个相当旧的版本）。我想要实现的是 Javascript 中的一个函数，它将改变 Primefaces 元素的属性。有可能吗？

我有一个面板定义为：

<p:panel id="mypanel" widgetVar="mypanelWidget" header="A title here" toggleable="true" toggleOrientation="vertical" collapsed="true">

我的想法是使用 Javascript 将 collapsed="true" 更改为 collapsed="false"。

这种必要性激增是因为更新面板的 ajax 调用，当它更新时，它显示为折叠。在回调时使用mypanelWidget.expand() 不是一个好主意，因为我的页面变得非常生动。

Answer 1

两种选择：

1. 只需在collapsed 属性中使用EL 来检查某些模型状态，而不是指定硬编码的true。

   <p:panel ... collapsed="#{not bean.ajaxMethodCalled}">
   

   如果感兴趣的 ajax 方法被调用，您可以确保 isAjaxMethodCalled() 返回 true。它不一定需要是布尔属性，它可以是任何东西，包括检查 HTTP 请求参数映射，只要它计算为所需的布尔结果即可。

2. 在 ajax 调用期间不要更新面板本身。而是更新其内容。

   <p:panel ...>
       <h:panelGroup layout="block" id="panelContents">
           ...
           <p:ajax update="panelContents" />
           ...
       </h:panelGroup>
   </p:panel>
   

   这样，HTML DOM 树中面板的 HTML 表示状态保持不变。