根据另一个输入组件的值禁用/启用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'}" />

也可以看看:

• 了解PrimeFaces进程/更新和JSF f:ajax执行/呈现属性
• 何时使用valueChangeListener或f:ajax监听器？