1. 首页
  2. 问题
  3. 您可以从ap：ajax监听器更新h：outputLabel吗？
小编典典

您可以从ap：ajax监听器更新h：outputLabel吗？

ajax

我试图使用ap：ajax标记，然后在该侦听器中设置一个名为“
periodRendered”的值。然后我试图通过p：ajax标签的更新来更新h：outputLabel标签。它不是ajaxily更新，我在想这是因为primefaces
ajax标签无法更新标准jsf outputLabel标签。

我的假设正确吗？是否应该使用更合适的标签代替h：outputLabel？

<h:outputLabel for="addProgramTo" value="Add Program To" />
<p:selectOneMenu value="#{ppBacker.grantProgram.grant_project_id}" id="addProgramTo" size="1" styleClass="listBoxMedium">
    <p:ajax process=":addProgram:addProgramTo" update=":addProgram:periodGrid, :addProgram:periodLabel" event="change" listener="#{ppBacker.addProgramListener}" />
    <f:selectItems value="#{ppBacker.grantProjectDropDownList}" />
</p:selectOneMenu>

<h:outputLabel for="period" value="Period" id="periodLabel" rendered="#{ppBacker.periodRendered}">

阅读 389

收藏
2020-07-26

共1个答案

小编典典

您无法更新未呈现的元素，rendered=false“这是JSF的方式”，以从DOM树中删除元素，

它不像css display:none或visibility:hidden <-这两个将元素保留在DOM树中，但是被隐藏，而JSF
rendered=false甚至不会渲染（保留）DOM树中的元素（您甚至不会在页面的“查看源代码”中看到它） ）

因此，在这种情况下，您需要outputLabel使用`panelGroup’包装并更新包装器的ID

<h:panelGroup id="periodLabelWrapper">
    <h:outputLabel for="period" value="Period" id="periodLabel" rendered="#{ppBacker.periodRendered}">
</h:panelGroup>

并参考<p:ajax update属性中的包装器ID（始终在DOM树中），如下所示：

<p:ajax process=":addProgram:addProgramTo" update=":addProgram:periodGrid, :addProgram:periodLabelWrapper" event="change" listener="#{ppBacker.addProgramListener}" />

另一个解决方案是像这样更新整个表格<p:ajax update="@form" ...，这样您就不需要换行了outputLabel

关于您的评论问题

@form如何更新未渲染的元素，但是直接通过id定位它们却没有呢？

您无法定位update页面中不存在的元素（rendered = false）“不存在”

但是，当您使用update="@form"或update="someWrapperID"表单/包装器“重新评估”它的所有内部元素时，包括带有rendered="#{someBean.someCondition}"和条件的那些内部元素都将被“重新评估”，因此如果结果true显示到要素中，则会显示…

2020-07-26