javascript - Oracle APEX：如何动态更新交互式网格列的非焦点背景颜色？

Question

甲骨文 APEX = 20.1.0.00.13

我正在尝试做的事情：运行动态操作以基于选择列表更新禁用/灰显交互式网格列。

示例 IG 有 2 列：

Col1 [1/2/3 选择列表]、Col2 [自由格式文本]

当 Col1 = 2 时禁用 Col2 并将背景颜色设为灰色。

我在哪里：我可以触发 DA 以使焦点背景变灰并用下面的颜色着色。

CSS：

.apex_disabled {
  background-color: grey !important; 
}
.theColor {
  background-color: yellow !important;
  color: red !important;
}

DA 在 Col1 = 2 处发生变化

真值：

1：设置值 Col2 = ''

2：运行 Javascript（受影响的元素 = Col2）

this.affectedElements.prop('readonly', true).addClass('apex_disabled'); 

尝试将此作为测试包含在＃2中，但在没有更改后将其删除：

this.affectedElements.prop('readonly', true).addClass('theColor'); 

错误值：

运行 Javascript（受影响的元素 = Col2）

this.affectedElements.prop('readonly', false ).removeClass('apex_disabled');

问题/问题：

在上面禁用该列后，该列看起来仍然是可编辑的，并且在未选择或未聚焦时仍然具有白色背景。看起来未选择的单元格版本完全是一个不同的 HTML 元素，我无法找出如何在 DA 中引用它。有人能够成功地做到这一点吗？

如果需要更多信息，请告诉我。