【问题标题】:Dynamic actions between two pages in oracle apexoracle apex 中两个页面之间的动态操作
【发布时间】:2020-10-26 09:34:57
【问题描述】:

我的 oracle apex 应用程序中有两个分面搜索页面。我想创建一个动态操作,这样如果我在一个页面中选择一个构面,它也应该在其他页面中自动选择。我该如何做到这一点?

【问题讨论】:

  • 你可以通过一些 JS 编码来实现它。在第一页卸载期间将状态保存在本地存储中,然后在页面加载期间设置第二页上的值
  • 你能告诉我如何将状态保存在本地存储中。

标签: oracle-apex oracle-apex-19.2


【解决方案1】:

这是一种可能的解决方案,将 DA 与浏览器 localStorage 结合使用。

让我警告您,此解决方案不适用于多项选择搜索(例如复选框等)。此外,您应该确保您的浏览器支持本地存储。

解决方案

首先创建两个页面,我们将其命名为 SECONDTHIRD(首页默认为第一页)。两个页面都有一个 Facet Search,其中有一个名为 PX_DEPTNO 的 Facet,它按部门过滤掉记录。

SECOND 页面上创建两个具有以下规格的 DA:

  • 第一个 DA

    • 名称:设置数据
    • 事件:页面加载
    • 创建一个类型应为的 True 操作:执行 JavaScript 代码
    • 代码:
      var myStorage;
      if ( apex.storage.hasLocalStorageSupport() ) {
        myStorage = apex.storage.getScopedLocalStorage({ prefix: "FSearch" });
        apex.item("P2_DEPTNO").setValue(myStorage.getItem("DEPTNO"));
      }
    
  • 第二个 DA

    • 名称:存储数据
    • 事件:页面卸载
    • 创建一个类型应为的 True 操作:执行 JavaScript 代码
    • 代码:
      var myStorage;
      if ( apex.storage.hasLocalStorageSupport() ) {
        myStorage = apex.storage.getScopedLocalStorage({ prefix: "FSearch" });
        myStorage.setItem( "DEPTNO", $v("P2_DEPTNO") );
      } 
    

现在在 THIRD 页面上创建两个相似的 DA:

  • 第一个 DA

    • 名称:设置数据
    • 事件:页面加载
    • 创建一个类型应为的 True 操作:执行 JavaScript 代码
    • 代码:
      var myStorage;
      if ( apex.storage.hasLocalStorageSupport() ) {
        myStorage = apex.storage.getScopedLocalStorage({ prefix: "FSearch" });
        apex.item("P3_DEPTNO").setValue(myStorage.getItem("DEPTNO"));
      }
    
  • 第二个 DA

    • 名称:存储数据
    • 事件:页面卸载
    • 创建一个类型应为的 True 操作:执行 JavaScript 代码
    • 代码:
      var myStorage;
      if ( apex.storage.hasLocalStorageSupport() ) {
        myStorage = apex.storage.getScopedLocalStorage({ prefix: "FSearch" });
        myStorage.setItem( "DEPTNO", $v("P3_DEPTNO") );
      } 
    

这是一个示例,您还可以选择另一种存储方法(这可能是更好的解决方案),例如 Cookie 或会话存储,但这取决于您。

由于重复代码很多,也可以考虑创建一个JS库。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2019-11-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-10-09
    • 2020-06-30
    相关资源
    最近更新 更多