在 JSF 中显示或隐藏 Slidetoggle

Question

我有一个问题，我需要一些想法来解决它：

我有一个 JSF wep 页面。索引只有 ui:decorate 和显示一些页面。 网页中的每个链接都会调用 index.xhtml 并重新加载所有部分。

其中一个部分是一个菜单，它可以显示或隐藏，感谢带有 SlideToggle 功能的 JQuery 代码（感谢 BalusC 的帮助）。

我在菜单中有 4 个带有 slidetoggle() 的部分。所有这些都开始关闭（显示：无）。

问题是当我点击这些部分之一（现在显示）中的某个链接时，网络刷新，现在......它们再次被隐藏......

我想你知道我想要什么。我该如何解决这个问题？

感谢我们所有的帮助:)

Answer 1

使用 ajax 链接而不是常规链接并仅重新呈现不包含这些面板的部分

例如替换

<h:commandLink value="link" action="#{bean.action}" />

通过

<h:commandLink value="link" action="#{bean.action}">
    <f:ajax execute="some" render="some" />
</h:commandLink>

---

顺便说一句，您也可以只使用一个在后台使用 jQuery 的 JSF 组件，而不是使用原始 jQuery。例如PrimeFaces <p:panel>:

<p:panel toggleable="true" visible="false">
    ...
</p:panel>
<p:panel toggleable="true" visible="false">
    ...
</p:panel>
...

就是这样。