Cómo Cambiar Dinámicamente el Título de una Región Modal en Oracle APEX

En Oracle APEX, en algunos casos, es necesario cambiar el título de estas regiones dinámicamente según el contexto. En este artículo, te enseñaré cómo hacerlo utilizando JavaScript y jQuery.

Para modificar el título de una región modal en Oracle APEX de forma dinámica, podemos utilizar apex.util.getTopApex() junto con jQuery. A continuación, veremos los pasos necesarios:

Para nuestra demostración, crearemos una página normal y un diálogo modal. En la página normal, incluiremos un reporte para editar y un botón de creación. La idea es modificar el título de la ventana modal dinámicamente, indicando si la acción corresponde a la creación o edición de un registro.

Enviaremos el DEPTNO para determinar el valor del título de la modal. Esto lo agregaremos en la página modal como un proceso de inicio.

El código es:

:P1115_TITLE := case when :P1115_DEPTNO is not null
                     then 'Page on Edit mode'
                     else 'Page on Creation mode'
                end;

Ahora agregaremos el siguiente código en una Dynamic Action con el evento “On Load – Page”, y estableceremos el título de la ventana modal.

$(document).ready(function() {
    apex.util.getTopApex().jQuery(".ui-dialog-content").dialog("option", "title", "&P1115_TITLE.");
});

1. $(document).ready(function() {…}): Asegura que el código se ejecute solo cuando la página haya terminado de cargar.

2. apex.util.getTopApex(): Obtiene el contexto de la instancia principal de APEX, útil cuando se trabaja dentro de iframes o ventanas modales.

3. jQuery(“.ui-dialog-content”).dialog(“option”, “title”, “&P1115_TITLE.”);: Encuentra la región modal y cambia su título usando el valor de la variable de sustitución &P1115_TITLE.