JSF 复选框监听器

Question

<h:selectBooleanCheckbox id="deactivate" title="select to deactivate" />

我的 JSF 页面上有一个复选框和一个按钮。我希望仅在选中复选框时才启用按钮。

在我的 java 类上没有手动 javascript 和侦听器方法的情况下，JSF 执行此操作的方式是什么。应该有办法做到这一点，也许是这样的表达；

"panel group rendered=#{}" 

一个按钮被渲染为启用，一个按钮被渲染或禁用。

Answer 1

您需要通过在 ajax 调用中调用 valueChangeListener 来启用/禁用按钮
这是复选框和按钮

       <h:selectBooleanCheckbox id="deactivate" title="select to deactivate" 
valueChangeListener="#{bean.myChangeListener}" onchange="submit()">

        <h:selectManyCheckbox value="#{user.favNumber1}">
            <f:selectItem itemValue="1" itemLabel="Number1 - 1" />
            <f:selectItem itemValue="2" itemLabel="Number1 - 2" />
            <f:selectItem itemValue="3" itemLabel="Number1 - 3" />
            <f:ajax event="change" execute="@this" render="dummyButton"/>
        </h:selectManyCheckbox>
    <h:commandButton id="dummyButton" value="OK" render="#{renderBean.myButton}">

您需要创建一个只有一个属性的渲染类，其值将在侦听器方法中设置，即bean#myChangeListener

public class RenderBean{

    boolean myButton;
    public RendeBean(){

            myButton = true;

    }

    public void enableButton(){

          myButton = true;
    }

    public void disableButton(){

          myButton = false;
    }
}

这是你的bean#myChangeListener

public void myChangeListener(ValueChangeEvent e){
     RenderBean rb = (RenderBean) FacesContext.getCurrentInstance()
            .getExternalContext().getSessionMap().get("renderBean");
        if(e.getNewValue().toString().equals("1"))
                     rb.enableButton();
        else
                     rb.disableButton();
}

Answer 2

在我的 java 类上没有 javascript 和侦听器方法的 JSF 方法是什么

这根本不可能。我猜你的意思是，“没有手动编写的 JavaScript”（因此您接受 <f:ajax> 使用的 JSF 生成的 JavaScript）和“没有手动编写的侦听器方法”（因此您接受 JSF 自己在组件树状态上的魔法)。

在这种情况下，应该这样做：

<h:form>
    <h:selectBooleanCheckbox binding="#{checkbox}">
        <f:ajax render="button" />
    </h:selectBooleanCheckbox>
    <h:commandButton id="button" value="submit" 
        action="#{bean.submit}" 
        disabled="#{not checkbox.value}" />
</h:form>

就是这样。不需要额外的 JS 代码或 JSF bean 属性或侦听器方法。只是一个submit() 操作方法。

在此示例中，binding 属性将把 <h:selectBooleanCheckbox> 的 UIComponent 引用放在变量名称 checkbox 下的 Facelet 范围内。 EL 表达式#{checkbox.value} 返回组件的value 属性，如果UISelectBoolean 组件已经是boolean，则可以在命令组件的disabled 属性中使用。

注意：如果您在旧 Eclipse 版本中的disabled="#{not checkbox.value}" 行遇到不正确的 EL 错误，则需要按如下方式配置它：Window > Preferences > Web > JavaServer Faces Tools >验证 > 类型强制问题 > 一元运算布尔强制问题 将其设置为 Warning 或 Ignore 而不是 Error。自从 Eclipse Mars 以来，这不再是必要的了。

另见：

• How does the 'binding' attribute work in JSF? When and how should it be used?