1

我的 xpage 上有一个选项卡式面板，我想要实现的是如果用户切换选项卡，则应保存当前选项卡数据，因为我在 tabPanel 的 onClick 上编写了代码，但这会阻止任何进一步的服务器端代码运行。

示例代码：

<xp:tabbedPanel id="tabbedPanel1">
   <xp:tabPanel label="Tab1" id="tabPanel1">
     <xp:label id="label1" value="Good Morning"></xp:label>
   </xp:tabPanel>
   <xp:tabPanel label="Tab2" id="tabPanel2">
    <xp:eventHandler event="onclick" submit="true" refreshMode="complete">
     <xp:this.action><![CDATA[#{javascript:print("Click on Tab2");}]>
      </xp:this.action>
    </xp:eventHandler>
     <xp:label id="label2" value="Good Afternoon"></xp:label>
   </xp:tabPanel>
   <xp:tabPanel label="Tab3" id="tabPanel3">
    <xp:label id="label3" value="Good Evening"></xp:label>
   </xp:tabPanel>
</xp:tabbedPanel>

问题：单击 tabPanel2（具有 onClick 事件代码）后，服务器端停止响应，甚至选项卡切换停止。

谢谢。

4

1 回答 1

1

我知道这有点有线解决方案，但尝试使用 jsonRpcService 从 ClientSide 调用保存。

因此，您可以为客户端上的每个点击 onClick 事件添加一个功能，这不会阻止服务器端选项卡功能。

<xp:text value="#{viewScope.save}"></xp:text>

<xp:tabbedPanel id="tabbedPanel1" selectedTab="tabPanel1">
    <xp:tabPanel label="Tab1" id="tabPanel1"
        onclick="saveDokumentHelper.save();">
        <xp:label id="label1" value="Good Morning"></xp:label>
    </xp:tabPanel>
    <xp:tabPanel label="Tab2" id="tabPanel2"
        onclick="saveDokumentHelper.save();">
        <xp:label id="label2" value="Good Afternoon"></xp:label>
    </xp:tabPanel>
    <xp:tabPanel label="Tab3" id="tabPanel3"
        onclick="saveDokumentHelper.save();">
        <xp:label id="label3" value="Good Evening"></xp:label>
    </xp:tabPanel>
</xp:tabbedPanel>

<xe:jsonRpcService id="jsonRpcService1"
    serviceName="saveDokumentHelper" state="true">
    <xe:this.methods>
        <xe:remoteMethod name="save">
            <xe:this.script><![CDATA[currentDocument.save();
viewScope.put("save","saved");]]></xe:this.script>
            </xe:remoteMethod>
        </xe:this.methods>
    </xe:jsonRpcService>

请记住，这只是我想到的一种可能性，它可能存在一些问题。我只用 viewScope 变量对其进行了测试，它可以工作。我还没有使用 Document.save 方法对其进行测试。

于 2013-06-05T12:32:28.757 回答