Manipular Elementos de Página con apex.item en Oracle APEX

Oracle APEX ofrece funcionalidades con JavaScript extremadamente útiles como apex.item, que permite interactuar fácilmente con los elementos de formulario en tus aplicaciones. Esta proporciona varios métodos que te facilitan obtener, asignar, y controlar los valores de los elementos de la página sin tener que recargarla.

1. Obtener valores: getValue().

El método getValue() permite leer el valor actual de un campo. Es útil cuando deseas realizar validaciones o acciones en función del valor ingresado por el usuario. Por ejemplo:

var valor = apex.item('P6_PRUEBA').getValue();
console.log(valor);

2. Asignar valores: setValue().

Si necesitas actualizar el valor de un campo dinámicamente, setValue() te permite hacerlo. Este método es útil para actualizar información en función de acciones previas o cálculos automáticos.

apex.item('P6_PRUEBA').setValue('Nuevo Valor');

3. Verificación de cambios: isChanged().

¿Quieres saber si un campo ha sido modificado? isChanged() es tu amigo. Esta función es muy útil para validar entradas antes de realizar acciones como el envío de formularios.

if (apex.item('P6_PRUEBA').isChanged()) {
    alert('El valor ha cambiado.');
}

4. Mostrar/Ocultar elementos: show() y hide()

Con show() y hide(), puedes controlar la visibilidad de los elementos en tu página. Estos métodos son útiles cuando solo quieres mostrar ciertos campos si una condición se cumple.

apex.item('P6_PRUEBA').hide(); // Oculta el campo
apex.item('P6_PRUEBA').show(); // Muestra el campo

JAJAJA estos codigos me recordaron este capitulo con lo de BRUJO

5. Habilitar/Deshabilitar elementos: enable() y disable().

A veces, no quieres que los usuarios puedan interactuar con ciertos campos. Usa disable() para desactivar la entrada y enable() para permitir nuevamente la interacción.

apex.item('P6_PRUEBA').disable(); // Deshabilita el campo
apex.item('P6_PRUEBA').enable();  // Habilita el campo

6. Manipulación del DOM.

Si necesitas acceder al nodo HTML de un elemento para aplicar estilos o modificaciones más complejas, puedes utilizar algo asi.

var nodo = document.getElementById('P6_PRUEBA');
nodo.style.backgroundColor = 'yellow';

Conclusión

apex.item es una herramienta poderosa que te permite controlar e interactuar con los elementos de la página en Oracle APEX. Ya sea que necesites validar datos, manipular el DOM o manejar eventos, esto ofrece una forma sencilla y eficaz de hacerlo. ¡Experimenta con los distintos métodos para mejorar la experiencia de usuario en tus aplicaciones!

Para ir a la pagina de pruebas has clic AQUI