JSF 2 - Ajax - 表单未完全呈现

发布于 2024-10-17 21:57:13 字数 581 浏览 1 评论 0原文

我使用新选择的语言环境呈现表单的 Ajax 代码是：

<h:selectOneMenu id="selectLang" immediate="true" value="#{langListing.language}">
   <f:ajax listener="#{langListing.changeLocale}" render="@form" />
   <f:selectItems value="#{langListing.languages}" />
</h:selectOneMenu>

但是，由于上述代码位于名为 header.xhtml 的头文件中，因此当我在英语和法语之间切换语言环境时，上述代码仅呈现 header.xhtml 的内容。我的index.xhtml结构如下：

header.xhtml
menu.xhtml
body content with an id of "contentSection"
footer.xhtml

如何在渲染header.xhtml的同时渲染menu.xhtml、body部分和footer.xhtml？

原文

My Ajax codes for rendering a form using a newly-selected locale are:

<h:selectOneMenu id="selectLang" immediate="true" value="#{langListing.language}">
   <f:ajax listener="#{langListing.changeLocale}" render="@form" />
   <f:selectItems value="#{langListing.languages}" />
</h:selectOneMenu>

However, since the above codes in in a header file called header.xhtml, the above codes only render the content of header.xhtml when I switch locales between English and French. My index.xhtml structure is as follow:

header.xhtml
menu.xhtml
body content with an id of "contentSection"
footer.xhtml

How can I render menu.xhtml, the body section and footer.xhtml at the same time as I render header.xhtml?

分享到QQ

分享到微博

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

发布评论

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

不回头走下去 2024-10-24 21:57:13

@form 仅影响父的内容。请改用@all。

<f:ajax listener="#{langListing.changeLocale}" render="@all" />

另请参阅标记文档。

但是，由于更改区域设置无论如何都会影响整个页面，因此您也可以考虑触发同步请求而不是 ajaxical 请求。要实现此目的，请删除标记，向下拉列表添加 onchange="submit()" 并将代码移至 changeLocale( ) 到 setLanguage() 方法中。另请参阅此答案了解具体的例子。

The @form affects the content of parent <h:form> only. Use @all instead.

<f:ajax listener="#{langListing.changeLocale}" render="@all" />

See also the description of the render attribute in <f:ajax> tag documentation.

However, since changing the locale affects the entire page anyway, you could also consider to fire a synchronous request instead of an ajaxical one. To achieve this, remove the <f:ajax> tag, add a onchange="submit()" to the dropdown and move the code inside changeLocale() into setLanguage() method. See also this answer for a concrete example.

回复收藏 0 原文

~没有更多了~