是否有JSF切換組件或以h：selectBooleanCheckbox為主題設置圖像的方法？

Question

我嘗試使用下面的切換。 雖然有效，但在復合組件內部使用時會中斷-在組件外部更改singleSelect值永遠不會在組件內部更新：

<h:commandButton disabled="#{cc.attrs.singleSelect}"
                 image="/resources/img/collapse-single.gif">
    <f:ajax listener="#{cc.toggleSingleSelect}" render="#{cc.clientId}"/>
</h:commandButton>

<h:commandButton disabled="#{! cc.attrs.singleSelect}"
                 image="/resources/img/expand-single.gif">
    <f:ajax listener="#{cc.toggleSingleSelect}" render="#{cc.clientId}"/>
</h:commandButton>

但是，如果我使用簡單的復選框，則可以正常工作：

<h:selectBooleanCheckbox value="#{cc.attrs.singleSelect}">
    <f:ajax render="#{cc.clientId}"/>
</h:selectBooleanCheckbox >

是否有某些行為類似於復選框但使用圖像？

Answer 1

我決定使用ICEfaces解決方案，並使用其ace：checkboxButton：

<ace:checkboxButton value="#{cc.attrs.singleSelect}" styleClass="toggle">
    <ace:ajax render="#{cc.clientId}"/>
</ace:checkboxButton>

您可以設置其樣式以使用圖像：

http://icefaces-showcase.icesoft.org/showcase.jsf?grp=aceMenu&exp=checkboxButtonCustom