1

我想刷新由客户端 Javascript 触发的重复控件。有趣的是，我的数据源是一个 JDBC 查询，这就是我不只是进行部分刷新的原因。我已经看到有关使用 XHR 请求执行此操作的页面，但我看不到如何刷新 JDBC 数据以捕获新信息。我可以用旧数据刷新重复控件，而不是新数据。

我看到重复控制刷新错误 ，它谈到可能需要超时，因为运行时不知道新数据。在手动更改数据库中的某些内容并等待一分钟后，我已经运行了 XHR，但仍然有过时的信息。

我可以在 RPC 调用中更新变量（jdbcPendingSummary）吗？如果不能，我可以回调服务器以触发 CSJS 函数内部的刷新吗？

<xp:this.data>
    <xe:jdbcQuery connectionName="testDB"
        sqlQuery="EXEC ptoGetPendingRequests #{sessionScope.userID}"
        var="jdbcPendingSummary" />
</xp:this.data>

<xe:jsonRpcService id="ptoRPC" serviceName="ptoRPC">
    <xe:this.methods>
        <xe:remoteMethod name="createNewRequest">
            <xe:this.script><![CDATA[
                javaBeanObject.ptoCreateRequest(#{sessionScope.userID}, startDate, endDate, comment, d1,....,d15);
// Can I update the datasource var here?
            ]]></xe:this.script>
            <xe:this.arguments>
                <xe:remoteMethodArg name="startDate" type="string"></xe:remoteMethodArg>
                ..........
                <xe:remoteMethodArg name="d15" type="number"></xe:remoteMethodArg>
            </xe:this.arguments>
        </xe:remoteMethod>
    </xe:this.methods>
</xe:jsonRpcService>

<xp:scriptBlock id="scriptBlock1">
    <xp:this.value><![CDATA[
    function createNewRequest(startDateID, endDateID, commentID, hiddenDivID, requestID) {

        ptoRPC.createNewRequest(dojo.byId(startDateID).value, dojo.byId(endDateID).value, ........).addCallback( function(response) {
            //  ????? Refreshes the Repeat Control, but has the stale data.
            setTimeout(
                function() {
                    XSP.partialRefreshGet(requestID, {onComplete: function(responseData) {    } })
// Or how about updating the datasource var here?

                }, 8000);
        });
    }
    ]]></xp:this.value>
</xp:scriptBlock>
4

2 回答 2

1

虽然这可能不是一个完美的解决方案，但在下面的 JDBC 代码中添加 scope="request" 会导致在 AJAX 调用完成时刷新变量。

<xp:this.data>
   <xe:jdbcQuery connectionName="testDB"
       sqlQuery="EXEC ptoGetPendingRequests #{sessionScope.userID}"
       var="jdbcPendingSummary"  scope="request" />
</xp:this.data>
于 2013-03-18T17:55:18.950 回答
1

您可以使用特定数据源的 refresh() 方法来实现。因此，如果您有一个配置了一些 JDBC 查询数据源的面板 - 那么在内部视图面板中，您可以通过以下语法引用和刷新数据：

getComponent('some_panel_id_containing_your_datasource').getData().get(0).refresh();

虽然您可以为面板配置多个数据源 - 对它们的引用从 0 索引开始。

演示该技术的代码片段可能是这样的（如果查询将使用一些计算参数在刷新时呈现不同的数据，则可能更有意义）：

<xp:panel id="outerContainer">
    <xp:this.data>
        <xe:jdbcQuery var="jdbcQuery1"
            connectionName="derby1">
            <xe:this.sqlQuery><![CDATA[#{javascript:"select * from users";
            }]]></xe:this.sqlQuery>
        </xe:jdbcQuery>
    </xp:this.data>

    <xp:viewPanel rows="10" id="viewPanel1"
        value="#{jdbcQuery1}" indexVar="idx">
        <xp:viewColumn id="viewColumn1" columnName="id"
            displayAs="link">
            <xp:this.facets>
                <xp:viewColumnHeader xp:key="header"
                    id="viewColumnHeader1" value="ID">
                </xp:viewColumnHeader>
            </xp:this.facets>
            <xp:eventHandler event="onclick"
                submit="true" refreshMode="partial" refreshId="outerContainer">

                <xp:this.action><![CDATA[#{javascript:
                    getComponent('outerContainer').getData().get(0).refresh();
                    }]]>
                </xp:this.action>
            </xp:eventHandler>
        </xp:viewColumn>
    </xp:viewPanel>
</xp:panel>
于 2013-03-21T10:28:16.607 回答