oracle apex 中两个页面之间的动态操作
Dynamic actions between two pages in oracle apex
我的 oracle apex 应用程序中有两个分面搜索页面。我想创建一个动态操作,这样如果我 select 一个页面中的某个方面,它也应该自动 select 在其他页面中编辑。我该如何实现?
这是一种可能的解决方案,将 DA 与浏览器 localStorage 一起使用。
请注意,此解决方案不适用于多项选择搜索(例如复选框等)。另外你应该确保你的浏览器支持本地存储。
解决方案
首先创建两个页面,我们称之为 SECOND 和 THIRD(首页默认为第一页)。这两个页面都有一个名为 PX_DEPTNO 的分面搜索,它按部门过滤掉记录。
在 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库,因为有很多重复代码。
我的 oracle apex 应用程序中有两个分面搜索页面。我想创建一个动态操作,这样如果我 select 一个页面中的某个方面,它也应该自动 select 在其他页面中编辑。我该如何实现?
这是一种可能的解决方案,将 DA 与浏览器 localStorage 一起使用。
请注意,此解决方案不适用于多项选择搜索(例如复选框等)。另外你应该确保你的浏览器支持本地存储。
解决方案
首先创建两个页面,我们称之为 SECOND 和 THIRD(首页默认为第一页)。这两个页面都有一个名为 PX_DEPTNO 的分面搜索,它按部门过滤掉记录。
在 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库,因为有很多重复代码。