Question

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

<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更改复选框的值

1 个答案: