我试图使用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}">
您无法更新未呈现的元素,rendered=false“这是JSF的方式”,以从DOM树中删除元素,
rendered=false
它不像css display:none或visibility:hidden <-这两个将元素保留在DOM树中,但是被隐藏,而JSF rendered=false甚至不会渲染(保留)DOM树中的元素(您甚至不会在页面的“查看源代码”中看到它) )
display:none
visibility:hidden
因此,在这种情况下,您需要outputLabel使用`panelGroup’包装并更新包装器的ID
outputLabel
<h:panelGroup id="periodLabelWrapper"> <h:outputLabel for="period" value="Period" id="periodLabel" rendered="#{ppBacker.periodRendered}"> </h:panelGroup>
并参考<p:ajax update属性中的包装器ID(始终在DOM树中),如下所示:
<p:ajax
update
<p:ajax process=":addProgram:addProgramTo" update=":addProgram:periodGrid, :addProgram:periodLabelWrapper" event="change" listener="#{ppBacker.addProgramListener}" />
另一个解决方案是像这样更新整个表格<p:ajax update="@form" ...,这样您就不需要换行了outputLabel
<p:ajax update="@form" ...
关于您的评论问题
@form如何更新未渲染的元素,但是直接通过id定位它们却没有呢?
您无法定位update页面中不存在的元素(rendered = false)“不存在”
但是,当您使用update="@form"或update="someWrapperID"表单/包装器“重新评估”它的所有内部元素时,包括带有rendered="#{someBean.someCondition}"和条件的那些内部元素都将被“重新评估”,因此如果结果true显示到要素中,则会显示…
update="@form"
update="someWrapperID"
rendered="#{someBean.someCondition}"
true