Question

我想使用复选框控件的功能，使用SSJS根据会话变量的值返回“true”或“false”。仅在页面完全刷新时才会运行计算。加载页面后，代码不会进行部分或完全刷新（唯一的例外是代码将在第一次部分刷新或完全刷新时运行 - 这很有趣）。我写了一个快速演示程序我确信这与JSF生命周期有关，但我不熟悉解密正在发生的事情的技术。谢谢， ---莉莎＆安培;

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core">
    <xp:this.beforeRenderResponse><![CDATA[#{javascript:if (sessionScope.uncheck === true) {
    sessionScope.checked = false;
} else {
    sessionScope.checked = true;
}}]]></xp:this.beforeRenderResponse>
    <xp:panel id="Panel1">
        <xp:label id="label1" value="Panel1" style="font-weight:bold"></xp:label>
        <xp:button id="button1" value="Button1 - Check the Box">
            <xp:eventHandler event="onclick" submit="true"
                refreshMode="partial" refreshId="Panel2">
                <xp:this.action><![CDATA[#{javascript:sessionScope.checked = true;
print("just clicked Button1 sessionScope.checked = ",sessionScope.checked);}]]></xp:this.action>
            </xp:eventHandler>
        </xp:button>
        <xp:button id="button3" value="Button 2 - Uncheck the Box">
            <xp:eventHandler event="onclick" submit="true"
                refreshMode="partial" refreshId="Panel2">
                <xp:this.action><![CDATA[#{javascript:sessionScope.checked = false;
print("just clicked Button2 sessionScope.checked = ",sessionScope.checked);}]]></xp:this.action>
            </xp:eventHandler>
        </xp:button>
        <xp:button id="button2" value="Reload page - Uncheck the Box">
            <xp:eventHandler event="onclick" submit="true"
                refreshMode="complete">
                <xp:this.action><![CDATA[#{javascript:sessionScope.uncheck = true;
context.reloadPage();}]]></xp:this.action>
            </xp:eventHandler>
        </xp:button>
        <xp:button id="button4" value="Reload page - Check the Box">
            <xp:eventHandler event="onclick" submit="true"
                refreshMode="complete">
                <xp:this.action><![CDATA[#{javascript:sessionScope.uncheck = false;
context.reloadPage();}]]></xp:this.action>
            </xp:eventHandler>
        </xp:button>
    </xp:panel>
    <xp:panel id="Panel2">
        <xp:label id="label2" value="Panel2" style="font-weight:bold">
        </xp:label>
        <xp:checkBox id="checkBox1" text="Computed Checkbox">
            <xp:this.defaultChecked><![CDATA[#{javascript:print("Calculating CheckBox - sessionScope.checked = ",sessionScope.checked);
return sessionScope.checked}]]></xp:this.defaultChecked>
        </xp:checkBox>
        </xp:panel>
    </xp:view>

Answer 1

将sessionScope变量直接绑定到xp：checkBox。这样，对于sessionScope变量的任何更改都将在刷新时由复选框反映出来：

<xp:checkBox id="checkBox1" text="Computed Checkbox" value="#{sessionScope.checked}"></xp:checkBox>

以下是使用按钮进行部分刷新和完全重新加载的示例：

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core">

    <xp:panel id="Panel1">
        <xp:label id="label1" value="Panel1" style="font-weight:bold"></xp:label>
        <xp:button id="button1" value="Button1 - Check the Box">
            <xp:eventHandler event="onclick" submit="true" refreshMode="partial" refreshId="Panel2">
                <xp:this.action><![CDATA[#{javascript:
                    sessionScope.checked = true;
                    print("just clicked Button1 sessionScope.checked = ",sessionScope.checked);
                }]]></xp:this.action>
            </xp:eventHandler>
        </xp:button>
        <xp:button id="button3" value="Button 2 - Uncheck the Box">
            <xp:eventHandler event="onclick" submit="true" refreshMode="partial" refreshId="Panel2">
                <xp:this.action><![CDATA[#{javascript:
                    sessionScope.checked = false;
                    print("just clicked Button2 sessionScope.checked = ",sessionScope.checked);
                }]]></xp:this.action>
            </xp:eventHandler>
        </xp:button>

        <xp:button id="button2" value="Reload page - Uncheck the Box">
            <xp:eventHandler event="onclick" submit="true" refreshMode="complete">
                <xp:this.action><![CDATA[#{javascript:
                    sessionScope.checked = true;
                }]]></xp:this.action>
            </xp:eventHandler>
        </xp:button>
        <xp:button id="button4" value="Reload page - Check the Box">
            <xp:eventHandler event="onclick" submit="true" refreshMode="complete">
                <xp:this.action><![CDATA[#{javascript:
                    sessionScope.checked = false;
                }]]></xp:this.action>
            </xp:eventHandler>
        </xp:button>
    </xp:panel>

    <xp:panel id="Panel2">
        <xp:label id="label2" value="Panel2" style="font-weight:bold">
        </xp:label>
        <xp:checkBox id="checkBox1" text="Computed Checkbox" value="#{sessionScope.checked}"></xp:checkBox>
    </xp:panel>
</xp:view>

复选框控制不一致地计算值

1 个答案: