jsf - 根据另一个输入组件的值禁用/启用 JSF 输入组件

Question

我有两个单选按钮:

<h:selectOneRadio value="#{bean.choice}">
    <f:selectItem itemValue="yes" itemLabel="YES" />
    <f:selectItem itemValue="no" itemLabel="NO" />
</h:selectOneRadio>

<p:calendar value="#{bean.date}" />

如果选择“否”按钮，则日历的文本输入字段应被禁用(变灰)。我怎样才能做到这一点？

Answer 1

只要让目标输入组件的disabled属性检查源输入的值并使用 <f:ajax>在源组件中更新目标组件。它会导致 disabled属性需要重新评估。不需要值更改监听器或附加属性。

<h:selectOneRadio value="#{bean.choice}">
    <f:selectItem itemValue="yes" itemLabel="YES" />
    <f:selectItem itemValue="no" itemLabel="NO" />
    <f:ajax render="calendar" />
</h:selectOneRadio>

<p:calendar id="calendar" value="#{bean.date}" disabled="#{bean.choice eq 'no'}" />

也可以看看:

Understanding PrimeFaces process/update and JSF f:ajax execute/render attributes

When to use valueChangeListener or f:ajax listener?