方法在onclick事件上未被调用

Question

我正在使用JSF 2.0创建页面：

<h:selectBooleanCheckbox id="checkbox1" title="Published" 
                         onclick="#{StageGate.setMyCheckboxValue()}" />

我期待setMyCheckboxValue（）在单击复选框时被调用。但是，加载页面时调用一次setMyCheckboxValue（）。

如果我写

<h:selectBooleanCheckbox id="checkbox1" title="Published" 
onclick="#{StageGate.setMyCheckboxValue()}; alert(document.getElementById('checkbox1').checked);" />

每次点击都会收到警报。

我的问题是：当我收到警报时，为什么每次onclick事件都不调用setMyCheckboxValue（）？

注意：我也尝试过AJAX，但复选框保持不变。

Answer 1

onClick用于客户端javascript调用。我认为您希望在单击复选框时调用服务器端的函数。

这是代码：

<h:selectBooleanCheckbox id="checkbox1" title="Published"
                         value="#{StageGate.myCheckBox}" >
    <f:ajax event="change" execute="@this"
            action="#{StageGate.setMyCheckboxValue()}" />
</h:selectBooleanCheckbox>

我希望这对你有用。

Answer 2

onClick属性适用于客户端（javascript）方法，不会在服务器端更改任何内容。

如果要更改服务器端值，则需要value属性：

<h:selectBooleanCheckbox value="#{StageGate.myCheckboxValue}" .../>

请注意，我将您的setMyCheckboxValue（）更改为myCheckboxValue，因为setter方法是由jsf自动检测的（如果您正确定义变量foo与gettergetFoo（）和settersetFoo（...））