Oracle APEX = 20.1.0.00.13

Lo que estoy tratando de hacer: ejecutar una acción dinámica para deshabilitar/apagar en gris la columna de cuadrícula interactiva basada en la actualización de la lista de selección.

El ejemplo IG tiene 2 columnas:

Col1 [Lista de selección 1/2/3], Col2 [Texto de forma libre]

Cuando Col1 = 2, deshabilite Col2 y coloree el fondo a gris.

Dónde estoy: puedo activar el DA para atenuar y colorear el fondo de enfoque con la siguiente imagen.

CSS:

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

DA está en cambio donde Col1 = 2

Verdadero valor:

1: Establecer valor Col2 = ''

2: Ejecute Javascript (Elemento afectado = Col2)

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

Intenté esto como prueba para incluirlo en el n. ° 2, pero lo eliminé después de ningún cambio:

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

Valor falso:

Ejecute Javascript (Elemento afectado = Col2)

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

Pregunta/Problema:

Después de deshabilitar la columna con lo anterior, la columna parece que todavía es editable y tiene el fondo blanco aún cuando no está seleccionada o no está enfocada. Parece que la versión No seleccionada de la celda es un elemento HTML completamente diferente y no pude averiguar cómo hacer referencia a eso dentro del DA. ¿Alguien ha podido hacer esto con éxito?

Déjeme saber si se necesita más información.