Question

在xe：对话框（XPages扩展库对话框）中，我想使用XSP.partialRefreshPost函数，但刷新输入的值时会丢失。

以下示例演示了此问题。

ComboBox1，inputText1，ComboBox2，inputText2：OK但不在xe：对话框中
ComboBox3，inputText3：好但不使用XSP.partialRefreshPost
ComboBox4，inputText4： NOK ，因为它在xe中使用XSP.partialRefreshPost函数：对话框

我尝试更改属性xe：对话框但没有成功。

如何在xe：对话框中使用XSP.partialRefreshPost进行刷新？

由于

<?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>

Answer 1

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

但有一个解决方法。将参数 execId 添加到partialRefreshPost：

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

指定要刷新的元素，在本例中为相同（comboBox4）。这样它就会按预期工作 - 就像在对话框外面一样。

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

1 个答案: