APEX：如何实现循环级联选择列表（多对多）答案

【问题标题】：APEX: How to implement circular cascade select-lists (many-to-many)APEX：如何实现循环级联选择列表（多对多）
【发布时间】：2020-06-25 20:13:36
【问题描述】：

在处理多对多关系时，如何为选择列表实现循环级联逻辑？

例如，我创建了一个简单的测试应用程序来跟踪书籍和作者。
（这比我的实际业务场景简单多了，也更清楚地说明了问题。）

首页包含：

提交页面的按钮
书籍选择列表
作者选择列表

我使用提交按钮是因为我的实际业务场景包括一个非常长的报告，刷新需要 20-60 秒 - 并且有十几个选择列表供用户选择，在提交页面并提取报告之前。

这是一个包含我正在使用的所有测试数据的完整脚本：

CREATE table "BOOK" (
    "ID"         INTEGER GENERATED ALWAYS AS IDENTITY NOT NULL ENABLE,
    "TITLE"      VARCHAR2(100) NOT NULL ENABLE,
    constraint  "BOOK_CK" check ("TITLE"<>''),
    constraint  "BOOK_PK" primary key ("ID"),
    constraint  "BOOK_UK1" unique ("TITLE")
)
/

CREATE table "AUTHOR" (
    "ID"         INTEGER GENERATED ALWAYS AS IDENTITY NOT NULL ENABLE,
    "NAME"       VARCHAR2(100) NOT NULL ENABLE,
    constraint  "AUTHOR_CK" check ("NAME"<>''),
    constraint  "AUTHOR_PK" primary key ("ID"),
    constraint  "AUTHOR_UK1" unique ("NAME")
)
/

INSERT INTO BOOK (TITLE) VALUES ('BOOK01');
INSERT INTO BOOK (TITLE) VALUES ('BOOK02');
INSERT INTO BOOK (TITLE) VALUES ('BOOK03');
INSERT INTO BOOK (TITLE) VALUES ('BOOK04');
INSERT INTO BOOK (TITLE) VALUES ('BOOK05');
INSERT INTO BOOK (TITLE) VALUES ('BOOK06');
INSERT INTO BOOK (TITLE) VALUES ('BOOK07');
INSERT INTO BOOK (TITLE) VALUES ('BOOK08');
INSERT INTO BOOK (TITLE) VALUES ('BOOK09');
INSERT INTO BOOK (TITLE) VALUES ('BOOK10');
INSERT INTO BOOK (TITLE) VALUES ('BOOK11');
INSERT INTO BOOK (TITLE) VALUES ('BOOK12');
INSERT INTO BOOK (TITLE) VALUES ('BOOK13');
INSERT INTO BOOK (TITLE) VALUES ('BOOK14');
INSERT INTO BOOK (TITLE) VALUES ('BOOK15');
INSERT INTO BOOK (TITLE) VALUES ('BOOK16');
INSERT INTO BOOK (TITLE) VALUES ('BOOK17');
INSERT INTO BOOK (TITLE) VALUES ('BOOK18');
INSERT INTO BOOK (TITLE) VALUES ('BOOK19');
INSERT INTO BOOK (TITLE) VALUES ('BOOK20');

INSERT INTO AUTHOR (NAME) VALUES ('AUTHOR01');
INSERT INTO AUTHOR (NAME) VALUES ('AUTHOR02');
INSERT INTO AUTHOR (NAME) VALUES ('AUTHOR03');
INSERT INTO AUTHOR (NAME) VALUES ('AUTHOR04');
INSERT INTO AUTHOR (NAME) VALUES ('AUTHOR05');
INSERT INTO AUTHOR (NAME) VALUES ('AUTHOR06');
INSERT INTO AUTHOR (NAME) VALUES ('AUTHOR07');
INSERT INTO AUTHOR (NAME) VALUES ('AUTHOR08');
INSERT INTO AUTHOR (NAME) VALUES ('AUTHOR09');
INSERT INTO AUTHOR (NAME) VALUES ('AUTHOR10');
INSERT INTO AUTHOR (NAME) VALUES ('AUTHOR11');
INSERT INTO AUTHOR (NAME) VALUES ('AUTHOR12');
INSERT INTO AUTHOR (NAME) VALUES ('AUTHOR13');
INSERT INTO AUTHOR (NAME) VALUES ('AUTHOR14');
INSERT INTO AUTHOR (NAME) VALUES ('AUTHOR15');
INSERT INTO AUTHOR (NAME) VALUES ('AUTHOR16');
INSERT INTO AUTHOR (NAME) VALUES ('AUTHOR17');
INSERT INTO AUTHOR (NAME) VALUES ('AUTHOR18');
INSERT INTO AUTHOR (NAME) VALUES ('AUTHOR19');
INSERT INTO AUTHOR (NAME) VALUES ('AUTHOR20');

CREATE table "BOOK_AUTHOR" (
    "ID"         INTEGER GENERATED ALWAYS AS IDENTITY NOT NULL ENABLE,
    "BOOK_ID"    INTEGER NOT NULL ENABLE,
    "AUTHOR_ID"  INTEGER NOT NULL ENABLE,
    constraint  "BOOK_AUTHOR_PK" primary key ("ID"),
    constraint  "BOOK_AUTHOR_UK1" unique ("BOOK_ID","AUTHOR_ID")
)
/

ALTER TABLE BOOK_AUTHOR ADD FOREIGN KEY (BOOK_ID)
      REFERENCES BOOK (ID) ENABLE
/

ALTER TABLE BOOK_AUTHOR ADD FOREIGN KEY (AUTHOR_ID)
      REFERENCES AUTHOR (ID) ENABLE
/

CREATE OR REPLACE VIEW "VW_BOOK_AUTHOR" AS
SELECT ba.ID,
       ba.BOOK_ID,
       b.TITLE BOOK_TITLE,
       ba.AUTHOR_ID,
       a.NAME AUTHOR_NAME
FROM BOOK_AUTHOR ba
LEFT JOIN BOOK b on b.ID = ba.BOOK_ID
LEFT JOIN AUTHOR a on a.ID = ba.AUTHOR_ID
/

INSERT INTO BOOK_AUTHOR (BOOK_ID,AUTHOR_ID) SELECT b.ID, a.ID FROM BOOK b, AUTHOR a WHERE b.TITLE='BOOK01' AND a.NAME='AUTHOR01';
INSERT INTO BOOK_AUTHOR (BOOK_ID,AUTHOR_ID) SELECT b.ID, a.ID FROM BOOK b, AUTHOR a WHERE b.TITLE='BOOK02' AND a.NAME='AUTHOR02';
INSERT INTO BOOK_AUTHOR (BOOK_ID,AUTHOR_ID) SELECT b.ID, a.ID FROM BOOK b, AUTHOR a WHERE b.TITLE='BOOK03' AND a.NAME='AUTHOR03';
INSERT INTO BOOK_AUTHOR (BOOK_ID,AUTHOR_ID) SELECT b.ID, a.ID FROM BOOK b, AUTHOR a WHERE b.TITLE='BOOK04' AND a.NAME='AUTHOR04';
INSERT INTO BOOK_AUTHOR (BOOK_ID,AUTHOR_ID) SELECT b.ID, a.ID FROM BOOK b, AUTHOR a WHERE b.TITLE='BOOK05' AND a.NAME='AUTHOR05';
INSERT INTO BOOK_AUTHOR (BOOK_ID,AUTHOR_ID) SELECT b.ID, a.ID FROM BOOK b, AUTHOR a WHERE b.TITLE='BOOK06' AND a.NAME='AUTHOR06';
INSERT INTO BOOK_AUTHOR (BOOK_ID,AUTHOR_ID) SELECT b.ID, a.ID FROM BOOK b, AUTHOR a WHERE b.TITLE='BOOK07' AND a.NAME='AUTHOR07';
INSERT INTO BOOK_AUTHOR (BOOK_ID,AUTHOR_ID) SELECT b.ID, a.ID FROM BOOK b, AUTHOR a WHERE b.TITLE='BOOK08' AND a.NAME='AUTHOR08';
INSERT INTO BOOK_AUTHOR (BOOK_ID,AUTHOR_ID) SELECT b.ID, a.ID FROM BOOK b, AUTHOR a WHERE b.TITLE='BOOK09' AND a.NAME='AUTHOR09';
INSERT INTO BOOK_AUTHOR (BOOK_ID,AUTHOR_ID) SELECT b.ID, a.ID FROM BOOK b, AUTHOR a WHERE b.TITLE='BOOK10' AND a.NAME='AUTHOR10';
INSERT INTO BOOK_AUTHOR (BOOK_ID,AUTHOR_ID) SELECT b.ID, a.ID FROM BOOK b, AUTHOR a WHERE b.TITLE='BOOK11' AND a.NAME='AUTHOR11';
INSERT INTO BOOK_AUTHOR (BOOK_ID,AUTHOR_ID) SELECT b.ID, a.ID FROM BOOK b, AUTHOR a WHERE b.TITLE='BOOK12' AND a.NAME='AUTHOR12';
INSERT INTO BOOK_AUTHOR (BOOK_ID,AUTHOR_ID) SELECT b.ID, a.ID FROM BOOK b, AUTHOR a WHERE b.TITLE='BOOK13' AND a.NAME='AUTHOR13';
INSERT INTO BOOK_AUTHOR (BOOK_ID,AUTHOR_ID) SELECT b.ID, a.ID FROM BOOK b, AUTHOR a WHERE b.TITLE='BOOK14' AND a.NAME='AUTHOR14';
INSERT INTO BOOK_AUTHOR (BOOK_ID,AUTHOR_ID) SELECT b.ID, a.ID FROM BOOK b, AUTHOR a WHERE b.TITLE='BOOK15' AND a.NAME='AUTHOR15';
INSERT INTO BOOK_AUTHOR (BOOK_ID,AUTHOR_ID) SELECT b.ID, a.ID FROM BOOK b, AUTHOR a WHERE b.TITLE='BOOK16' AND a.NAME='AUTHOR16';
INSERT INTO BOOK_AUTHOR (BOOK_ID,AUTHOR_ID) SELECT b.ID, a.ID FROM BOOK b, AUTHOR a WHERE b.TITLE='BOOK17' AND a.NAME='AUTHOR17';
INSERT INTO BOOK_AUTHOR (BOOK_ID,AUTHOR_ID) SELECT b.ID, a.ID FROM BOOK b, AUTHOR a WHERE b.TITLE='BOOK18' AND a.NAME='AUTHOR18';
INSERT INTO BOOK_AUTHOR (BOOK_ID,AUTHOR_ID) SELECT b.ID, a.ID FROM BOOK b, AUTHOR a WHERE b.TITLE='BOOK19' AND a.NAME='AUTHOR19';
INSERT INTO BOOK_AUTHOR (BOOK_ID,AUTHOR_ID) SELECT b.ID, a.ID FROM BOOK b, AUTHOR a WHERE b.TITLE='BOOK20' AND a.NAME='AUTHOR20';

INSERT INTO BOOK_AUTHOR (BOOK_ID,AUTHOR_ID) SELECT b.ID, a.ID FROM BOOK b, AUTHOR a WHERE b.TITLE='BOOK02' AND a.NAME='AUTHOR01';
INSERT INTO BOOK_AUTHOR (BOOK_ID,AUTHOR_ID) SELECT b.ID, a.ID FROM BOOK b, AUTHOR a WHERE b.TITLE='BOOK02' AND a.NAME='AUTHOR03';
INSERT INTO BOOK_AUTHOR (BOOK_ID,AUTHOR_ID) SELECT b.ID, a.ID FROM BOOK b, AUTHOR a WHERE b.TITLE='BOOK04' AND a.NAME='AUTHOR03';
INSERT INTO BOOK_AUTHOR (BOOK_ID,AUTHOR_ID) SELECT b.ID, a.ID FROM BOOK b, AUTHOR a WHERE b.TITLE='BOOK04' AND a.NAME='AUTHOR05';
INSERT INTO BOOK_AUTHOR (BOOK_ID,AUTHOR_ID) SELECT b.ID, a.ID FROM BOOK b, AUTHOR a WHERE b.TITLE='BOOK06' AND a.NAME='AUTHOR05';
INSERT INTO BOOK_AUTHOR (BOOK_ID,AUTHOR_ID) SELECT b.ID, a.ID FROM BOOK b, AUTHOR a WHERE b.TITLE='BOOK06' AND a.NAME='AUTHOR07';
INSERT INTO BOOK_AUTHOR (BOOK_ID,AUTHOR_ID) SELECT b.ID, a.ID FROM BOOK b, AUTHOR a WHERE b.TITLE='BOOK08' AND a.NAME='AUTHOR07';
INSERT INTO BOOK_AUTHOR (BOOK_ID,AUTHOR_ID) SELECT b.ID, a.ID FROM BOOK b, AUTHOR a WHERE b.TITLE='BOOK08' AND a.NAME='AUTHOR09';
INSERT INTO BOOK_AUTHOR (BOOK_ID,AUTHOR_ID) SELECT b.ID, a.ID FROM BOOK b, AUTHOR a WHERE b.TITLE='BOOK10' AND a.NAME='AUTHOR09';
INSERT INTO BOOK_AUTHOR (BOOK_ID,AUTHOR_ID) SELECT b.ID, a.ID FROM BOOK b, AUTHOR a WHERE b.TITLE='BOOK10' AND a.NAME='AUTHOR11';
INSERT INTO BOOK_AUTHOR (BOOK_ID,AUTHOR_ID) SELECT b.ID, a.ID FROM BOOK b, AUTHOR a WHERE b.TITLE='BOOK12' AND a.NAME='AUTHOR11';
INSERT INTO BOOK_AUTHOR (BOOK_ID,AUTHOR_ID) SELECT b.ID, a.ID FROM BOOK b, AUTHOR a WHERE b.TITLE='BOOK12' AND a.NAME='AUTHOR13';
INSERT INTO BOOK_AUTHOR (BOOK_ID,AUTHOR_ID) SELECT b.ID, a.ID FROM BOOK b, AUTHOR a WHERE b.TITLE='BOOK14' AND a.NAME='AUTHOR13';
INSERT INTO BOOK_AUTHOR (BOOK_ID,AUTHOR_ID) SELECT b.ID, a.ID FROM BOOK b, AUTHOR a WHERE b.TITLE='BOOK14' AND a.NAME='AUTHOR15';
INSERT INTO BOOK_AUTHOR (BOOK_ID,AUTHOR_ID) SELECT b.ID, a.ID FROM BOOK b, AUTHOR a WHERE b.TITLE='BOOK16' AND a.NAME='AUTHOR15';
INSERT INTO BOOK_AUTHOR (BOOK_ID,AUTHOR_ID) SELECT b.ID, a.ID FROM BOOK b, AUTHOR a WHERE b.TITLE='BOOK16' AND a.NAME='AUTHOR17';
INSERT INTO BOOK_AUTHOR (BOOK_ID,AUTHOR_ID) SELECT b.ID, a.ID FROM BOOK b, AUTHOR a WHERE b.TITLE='BOOK18' AND a.NAME='AUTHOR17';
INSERT INTO BOOK_AUTHOR (BOOK_ID,AUTHOR_ID) SELECT b.ID, a.ID FROM BOOK b, AUTHOR a WHERE b.TITLE='BOOK18' AND a.NAME='AUTHOR19';
INSERT INTO BOOK_AUTHOR (BOOK_ID,AUTHOR_ID) SELECT b.ID, a.ID FROM BOOK b, AUTHOR a WHERE b.TITLE='BOOK20' AND a.NAME='AUTHOR19';

此时，如果您选择一本书，然后单击按钮提交页面，则作者列表将缩小到仅所选书籍的作者。（如果您选择作者，反之亦然。）

对于下一步，我需要刷新选择列表不提交并刷新整个页面。

让我们首先将级联设置添加到仅一个选择列表 (P1_AUTHOR)：

到目前为止一切顺利。
现在，当用户选择一本书时，作者选择列表会自动刷新。

但是，当我们还为其他选择列表配置级联设置时，我们遇到了问题：

现在，当我们运行页面并尝试选择一本书或作者时，页面崩溃并出现 Javascript 异常：

错误为Maximum call stack size exceeded，表示无限循环执行（带递归）。

这似乎可能是 APEX 代码中的错误/疏忽，因为技术问题很容易通过正确/稳健的逻辑解决。

也就是说，我该如何解决这个问题？
是否有不同的方式来配置级联选项以使其工作？
或者我可以编写自定义动态操作和 Javascript 来手动提交单个项目，并手动刷新选择列表？

【问题讨论】：

标签： javascript sql oracle plsql oracle-apex

【解决方案1】：

首先，我只想说，问一个问题的方式！ :)

正如您所发现的，“级联”部分是指从父级流向子级，而不是循环（这会导致堆栈溢出！抱歉，无法抗拒）。

我会给你一个解决方案，但我要先承认它不是最理想的，因为选择列表的每次更改都需要两次 Ajax 调用，而不仅仅是一次。我会向 APEX 团队提出这个问题，希望他们能在未来解决这个问题。

假设人们已经运行了您的脚本并且有一个带有 HTML 区域的空白页面，我将开始执行这些步骤。我的页面是 53，所以人们需要相应地进行更改。

第 1 部分：基础知识

将页面项目添加到区域。将 Name 设置为 P53_BOOK，将 Type 设置为 Select List，并将值列表设置为 Type 到 SQL 查询。在 SQL 查询 字段中输入以下代码：

select title d,
  id r
from book
where (
  :P53_AUTHOR is null
    or id in (
      select book_id
      from book_author
      where author_id = :P53_AUTHOR
    )
)
order by title

向该区域添加另一个项目。将 Name 设置为 P53_AUTHOR，将 Type 设置为 Select List，并将值列表 Type > 到 SQL 查询。在 SQL 查询 字段中输入以下代码：

select name d,
  id r
from author
where (
  :P53_BOOK is null
    or id in (
      select author_id
      from book_author
      where book_id = :P53_BOOK
    )
)
order by name

在页面设计器的渲染窗格中，右键单击P53_BOOK，选择创建动态操作，然后将其名称设置为P53_BOOK 已更改。将 Client-side Condition Type 设置为 JavaScript Expression 并在 JavaScript Expression 字段中输入以下代码：
```
this.browserEvent.originalEvent !== undefined
```
虽然看起来很奇怪，但这将阻止动态操作在其他项目被刷新时触发（防止不同的循环逻辑问题；请参阅this for details）。
在操作级别，将 Action 从 Show 更改为 Execute PL/SQL Code。将 PL/SQL 代码 设置为 null;，将 要提交的项目 设置为 P53_BOOK。此操作仅用于在您接下来创建的刷新操作之前更新 P53_BOOK 的会话状态。
添加在执行 PL/SQL 代码操作之后触发的新操作。将 Action 设置为 Refresh，将 Selection Type 设置为 Item(s)，以及 Item(s) 到 P53_AUTHOR。
右键单击P53_AUTHOR，选择创建动态操作，然后将其名称设置为P53_AUTHOR已更改。将 Client-side Condition Type 设置为 JavaScript Expression 并在 JavaScript Expression 字段中输入以下代码：
```
this.browserEvent.originalEvent !== undefined
```
在操作级别，将操作更改为 执行 PL/SQL 代码。将 PL/SQL 代码 设置为 null; 并将 要提交的项目 设置为 P53_AUTHOR。
添加在执行 PL/SQL 代码操作之后触发的新操作。将 Action 设置为 Refresh，将 Selection Type 设置为 Item(s)，以及 Item(s) 到 P53_BOOK。

如果您运行它，它应该会按预期工作（大部分情况下）。最大的问题是，如果您对一项进行更改并刷新另一项，则另一项中的选择将始终丢失-即使刷新后的项中存在预刷新值。

以下步骤可用于自动重新选择可用的值。

第 2 部分：恢复先前选择的值（可选）

转到P53_BOOK 更改动态操作。添加一个在前两个动作之前触发的新真实动作。将 Action 设置为 Execute JavaScript Code 并在 Code 字段中输入以下代码：
```
$('#P53_BOOK').data('last-val', $v('P53_BOOK'));
```
该代码使用 jQuery 的 data 方法来存储预刷新项的值。稍后刷新后您将使用它。
转到P53_AUTHOR 更改动态操作。添加一个在前两个动作之前触发的新真实动作。将 Action 设置为 Execute JavaScript Code 并在 Code 字段中输入以下代码：
```
$('#P53_AUTHOR').data('last-val', $v('P53_AUTHOR'));
```
右键单击 P53_BOOK 并选择 创建动态操作。将 Name 设置为 P53_BOOK refreshed，并将 Event 设置为 After Refresh。
在操作级别，将 Action 设置为 Execute JavaScript Code 并在 Code 字段中输入以下内容：
```
$s('P53_BOOK', $('#P53_BOOK').data('last-val'), null, true);
```
该代码使用data 方法（这次作为getter）设置P53_BOOK 的值。 $s (true) 的最后一个参数被传递以阻止更改事件，否则会创建更多循环逻辑。
右键单击 P53_AUTHOR 并选择 创建动态操作。将 Name 设置为 P53_AUTHOR refreshed 并将 Event 设置为 After Refresh。
在操作级别，将 Action 设置为 Execute JavaScript Code 并在 Code 字段中输入以下内容：
```
$s('P53_AUTHOR', $('#P53_AUTHOR').data('last-val'), null, true);
```

应该这样做。但是还有一件更烦人的事情......如果您在任一字段中选择一个空值，您可能希望它刷新两个字段（显示两个字段的所有选项），但它不会那样工作。如果需要，我建议只添加一个单独的重置按钮。否则，您最好用原始 JavaScript 代码编写所有这些内容。

【讨论】：

回答问题的方法！自然，APEX 将在接下来的 6 小时内进行定期维护……所以我无法做任何工作或测试您的解决方案。 XD 明天我会试一试，看看效果如何。
告诉我进展如何！
好吧，我在我的简单 Book/Author 测试应用程序中尝试了您的解决方案，它导致两个 stackoverflow 错误：i.stack.imgur.com/Xf9DU.png 你没有说任何关于 Fire on Initialization、Stop Execution On Error 或Wait For Result 所以我尝试使用默认值（所有设置ON），然后我尝试禁用Fire on Initialization 和Stop Execution On Error，这没有任何区别。无论哪种方式，我都遇到了相同的 Javascript 错误。
嗯。您是否从新页面开始？我刚刚又完成了所有步骤，没有任何问题。
是的，这是我第一个屏幕截图中的页面，只有一个静态区域和几个下拉菜单和一个按钮。整个应用程序是空白的，是为了测试这个单一问题而新创建的。