Primefaces 通过 ajax 更改菜单条目并在完整布局上重新渲染内容

发布于 2024-11-24 07:31:22 字数 313 浏览 0 评论 0原文

我正在尝试获得一个简单的完整布局来使用左侧的导航。 这可行,但我想通过 ajax 在菜单项选择上重新加载中心(内容)。

原因是,我的右侧有一个 MP3 播放器,如果整个页面重新加载 MP3 播放器 再次开始播放。

在 Richfaces 上,我使用一个会话 bean 来完成此操作,该会话 bean 保存需要在中心渲染的实际文件名 在菜单单击上,操作方法分析菜单条目 ID 并将文件名设置为其相应的。

实际上,这对于 primefaces 也有一点作用,但内容无法正确渲染。按F5后 它是完美的。 有人能给我一个真正简单的例子吗?

许多问候, 豪克

I am trying to get a simple full layout to work with a navigation on the left side.
That works but I want to reload the center (content) via ajax on menu item selection.

The reason is, that I have a MP3 player on the right side and if the whole page reloads the mp3 player
start the playback again.

On Richfaces I did that with a session bean which holds the actual filename that needs to be rendered in the center
and on menu click the action method analyses the menu entry ID and sets the filename to its corresponding.

Actually that works a little bit for primefaces as well, but the content doesn't render correctly. After punshing F5
it is perfect.
Does anybody can give me a real simple example how I can do that?

Many greetings,
Hauke

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

め可乐爱微笑 2024-12-01 07:31:23

我从来没有使用过 menuitem,但使用 commandButton 我只是使用“更新”符号通过 ajax 刷新位于中心内容的表单。

在导航布局单元

<p:commandButton
 value="Enter"
 image="ui-icon ui-icon-comment"
 update="form_input_console form_output_console:tabbed_contents"
     actionListener="#{dashboardUi.processCommand}" />

和中心布局单元上

<p:layoutUnit position="center">
    <h:form id="form_output_console">
        <p:tabView
        id="tabbed_contents"
        dynamic="true">

I have never use menuitem but with commandButton I just use 'update' notation to refresh the form located in the center content via ajax.

On navigation layoutUnit

<p:commandButton
 value="Enter"
 image="ui-icon ui-icon-comment"
 update="form_input_console form_output_console:tabbed_contents"
     actionListener="#{dashboardUi.processCommand}" />

and on the center layout unit

<p:layoutUnit position="center">
    <h:form id="form_output_console">
        <p:tabView
        id="tabbed_contents"
        dynamic="true">
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文