在 JSF 中使用 ajax 更改复选框的值

Question

我尝试解决以下问题：我有一组使用 ui:repeat 生成的 h:selectBooleanCheckbox:

<h:form>

    <ui:repeat value="#{uiCheckboxList.list}" var="boxElement" varStatus="i">

        <h:selectBooleanCheckbox id="a">

            <f:attribute name="value" value="#{boxElement.enabled}"/>

        </h:selectBooleanCheckbox>
        <h:outputLabel value="#{boxElement.val}" for="a"/>

    </ui:repeat>

</h:form>

通过 servlet 存储在数组列表和控件中的值和标签的文本：

@ManagedBean(name="uiCheckboxList")
@ApplicationScoped
public class CheckBoxListBean implements Serializable {

private ArrayList<BoxTuple> list;
// BoxTyple is class with 2 fields - val (double) and enabled (boolean)

public CheckBoxListBean() {

    list = new ArrayList<>();

    for(double i = -2.0; i <= 2.0; i += 0.5) {
        list.add(new BoxTuple(i, false));
    }
    // Set first element to true
    list.get(0).setEnabled(true);

}

public ArrayList<BoxTuple> getList() {
    return list;
}

public void setList(ArrayList<BoxTuple> list) {
    this.list = list;
}

我的问题是：当您单击其中一个 h:selectBooleanCheckbox 服务器时，服务器异步发送请求，其中包含有关已更改框的信息，然后在不重新加载页面的情况下更改另一个框的值。换句话说，我需要了解单选框的行为。也许这听起来很傻，但我需要解决这个问题。我该如何实现？

Answer 1

你可以这样做：

<h:form id="form">
    <ui:repeat value="#{uiCheckboxList.list}" var="boxElement"
        varStatus="i">
        <h:selectBooleanCheckbox id="a">
            <f:attribute name="value" value="#{boxElement.enabled}" />
            <f:ajax render="form"
                listener="#{uiCheckboxList.listen(boxElement)}" />
        </h:selectBooleanCheckbox>
        <h:outputLabel value="#{boxElement.val}" for="a" />
    </ui:repeat>
</h:form>

（不用的 varStatus 去掉）

public void listen(BoxTuple tuple) {
    if (tuple.enabled)
        for (BoxTuple t : list)
            if (!t.equals(tuple))
                t.setEnabled(false);
}

在 JSF 中使用 ajax 更改复选框的值

Change value of checkbox using ajax in JSF

ajax

jsf

facelets