在 XPages 扩展库对话框中使用 XSP.partialRefreshPost 函数

Use XSP.partialRefreshPost function in XPages Extension Library dialog

在 xe:dialog(XPages Extension Library 对话框)中,我想使用 XSP.partialRefreshPost 函数,但是刷新时输入的值丢失了。

下面的例子演示了这个问题。

我尝试更改属性 xe:dialog 但没有成功。

如何在 xe:dialog 中使用 XSP.partialRefreshPost 刷新 OK?

谢谢

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core" xmlns:xe="http://www.ibm.com/xsp/coreex">
    <xp:label id="label1" value="refresh partial"></xp:label>
    <xp:comboBox id="comboBox1">
        <xp:selectItems>
            <xp:this.value><![CDATA[#{javascript:return ["1", "2", "3"];}]]></xp:this.value>
        </xp:selectItems>
        <xp:eventHandler event="onchange" submit="true" refreshMode="partial"refreshId="comboBox1">
        </xp:eventHandler>
    </xp:comboBox>
    <xp:inputText id="inputText1">
        <xp:eventHandler event="onchange" submit="true" refreshMode="partial" refreshId="inputText1">
        </xp:eventHandler>
    </xp:inputText>
    <xp:br></xp:br>
    <xp:label id="label2" value="refresh XSP.partialRefreshPost"></xp:label>
    <xp:comboBox id="comboBox2">
        <xp:selectItems>
            <xp:this.value><![CDATA[#{javascript:return ["1", "2", "3"];}]]></xp:this.value>
        </xp:selectItems>
        <xp:eventHandler event="onchange" submit="false">
            <xp:this.script><![CDATA[XSP.partialRefreshPost("#{id:comboBox2}", {immediate: true});]]></xp:this.script>
  </xp:eventHandler>
    </xp:comboBox>
    <xp:inputText id="inputText2">
        <xp:eventHandler event="onchange" submit="false">
            <xp:this.script><![CDATA[XSP.partialRefreshPost("#{id:inputText2}", {immediate: true});]]></xp:this.script>
        </xp:eventHandler>
    </xp:inputText>
    <xp:br></xp:br>
    <xe:dialog id="dialog1" partialRefresh="true">
        <xp:label id="label3" value="refresh partial"></xp:label>
        <xp:comboBox id="comboBox3">
            <xp:selectItems>
                <xp:this.value><![CDATA[#{javascript:return ["1", "2", "3"];}]]></xp:this.value>
            </xp:selectItems>
            <xp:eventHandler event="onchange" submit="true"
                refreshMode="partial" refreshId="comboBox3">
            </xp:eventHandler>
        </xp:comboBox>
        <xp:inputText id="inputText3">
            <xp:eventHandler event="onchange" submit="true"
                 refreshMode="partial" refreshId="inputText3">
            </xp:eventHandler>
        </xp:inputText>
        <xp:br></xp:br>
        <xp:label id="label4" value="refresh XSP.partialRefreshPost"></xp:label>
        <xp:comboBox id="comboBox4">
            <xp:selectItems>
                <xp:this.value><![CDATA[#{javascript:return ["1", "2", "3"];}]]></xp:this.value>
            </xp:selectItems>
            <xp:eventHandler event="onchange" submit="false">
                <xp:this.script><![CDATA[XSP.partialRefreshPost("#{id:comboBox4}", {immediate: true});]]></xp:this.script>
            </xp:eventHandler>
        </xp:comboBox>
        <xp:inputText id="inputText4">
            <xp:eventHandler event="onchange" submit="false">
                <xp:this.script><![CDATA[XSP.partialRefreshPost("#{id:inputText4}", {immediate: true});]]></xp:this.script>
            </xp:eventHandler>
        </xp:inputText>
    </xe:dialog>
    <xp:button id="button1" value="dialog">
        <xp:eventHandler event="onclick" submit="false">
            <xp:this.script><![CDATA[XSP.openDialog('#{id:dialog1}');]]></xp:this.script>
        </xp:eventHandler>
    </xp:button>
</xp:view>

partialRefreshPost<xe:dialog> 中没有按预期工作,例如,当您在组合框中选择一个值时,partialRefreshPost 将更改事件中的选定值发送到服务器,但服务器的响应包含旧值值和组合框值跳回旧值。即使将字段绑定到数据(如范围变量)也无济于事。

但有一个解决方法。添加参数 execIdpartialRefreshPost:

XSP.partialRefreshPost("#{id:comboBox4}", 
       {execId: "#{id:comboBox4}", immediate: true})

指定要刷新的元素,在本例中是相同的 (comboBox4)。这样它将按预期工作 - 就像在对话框之外一样。