切换复合组件布尔变量的Ajax调用似乎只起作用一次

Question

我有一个非常简单的复合组件，单击该组件即可在两个图像之间来回切换。 当我第一次单击它时，它可以正常工作。 此后每次都没有任何反应。 会调用“ toggleSingleSelect”，但不会重新渲染面板本身。

singleMultiSelectText.xhtml：

<cc:interface componentType="singleMultiSelect">

</cc:interface>

<cc:implementation>

    <h:panelGroup id="singleMultiSelectPanel" styleClass="field" layout="block">

        <h:commandButton styleClass="toggle" 
                         image="#{cc.singleSelect ? 
                                  '/resources/img/expand-single.gif' : 
                                  '/resources/img/collapse-single.gif'}">
            <f:ajax listener="#{cc.toggleSingleSelect}"
                    execute="@this" render="singleMultiSelectPanel"/>
        </h:commandButton>

    </h:panelGroup>

</cc:implementation>

singleMultiSelect.java：

@FacesComponent(value = "singleMultiSelect")
public class SingleMultiSelect extends UINamingContainer {

private boolean singleSelect = true;

public void toggleSingleSelect(AjaxBehaviorEvent event) {
    singleSelect = ! singleSelect;
}    

}

第一次单击时，控制台具有以下输出：

update["assetSearchForm:j_idt112:_t113"]: <input class="toggle" id="assetSearchFor....
update["javax.faces.ViewState"]: -4115183671224810146:2892643767875659913....

但是，每次之后，我都会得到：

update["javax.faces.ViewState"]: -4115183671224810146:2892643767875659913....

Answer 1

JSF组件是在每个请求的视图构建期间创建的。 换句话说，JSF组件实例基本上是请求范围的。

您的singleSelect属性需要在同一视图的所有回发中保留。 换句话说，您希望它在视图范围内。

但是，您将其分配为组件的实例变量，而不是将其显式保存为JSF视图状态。 因此，在每个请求期间，它将重新初始化为其默认值true ，并且每次您按下按钮时都将有效地变为false 。

您需要在JSF视图状态中显式保存视图范围状态。 您可以为此使用继承的getStateHelper()方法。

public void toggleSingleSelect(AjaxBehaviorEvent event) {
    setSingleSelect(!isSingleSelect());
}

public void setSingleSelect(boolean singleSelect) {
    getStateHelper().put("singleSelect", singleSelect);
}

public boolean isSingleSelect() {
    return (boolean) getStateHelper().eval("singleSelect", true);
}

也可以看看：

• 扩展UIComponentBase时如何保存状态