Nuevas Características en Apex 20.2: Tarjetas

 Las Tarjetas no son un componente nuevo en Oracle Apex, en esta nueva versión se ha mejorado este tipo de plantilla adicionándole nuevas capacidades como por ejemplo las acciones (botones, tarjeta entera y más) que permiten definir enlaces hacia otras páginas en la misma o diferente aplicación, aportando mayor dinamismo a estas.

Para este post, se partirá de una aplicación previamente desarrollada a la que se agregarán dos páginas: el reporte con tarjeta basado en EMPLOYEES y una pantalla para editar al empleado de la tarjeta seleccionada. (Para crear una aplicación desde cero, ir al siguiente artículo, si desea saber cómo crear un espacio de trabajo en Oracle Apex visitar el siguiente enlace o solicitar un espacio de trabajo gratuito en línea. Otra opción y muy buena es Oracle APEX en la versión Siempre gratis de Oracle Autonomous Database )

Parte 1: Creación del Reporte basado en Tarjetas. 

1) Abrir la aplicación basada en el esquema HR.

2) Click en el botón Crear Página.

3)  Seleccionar Informes. 

4) Seleccionar  Tarjetas. 

 5)  Especificar 11 como número de página y como nombre de página Empleados por Tarjetas y click en Siguiente.

6) Seleccionar la tercera opción de la Preferencia de Navegación y seleccionar Empleados (Puede seleccionar si lo prefiere, la primera opción de la preferencia de navegación).

7) Seleccionar Consulta SQL.

8) Seleccionar los campos EMPLOYEE_ID, FIRST_NAME, LAST_NAME, EMAIL y PHONE_NUMBER. y click en Volver.

  

 

9) Click en Siguiente. 

10) Seleccionar Cuadrícula y establecer obligatoriamente la Columna de título a LAST_NAME. Click en Crear.

11) Se ha creado la página 11 y se puede apreciar la región creada.

Parte 2: Creación de la pantalla o página de edición. 

1)  Click en icono + para crear una página.

2) Seleccionar Pantalla.

 

3)  Click en Pantalla.

 

4)  Introducir el nombre de la página y seleccionar Cuadro de Diálogo Modal y click en Siguiente.

 5) Seleccionar la opción 3 de la Preferencia de navegación.

 

6) Seleccionar Tabla como Tipo de Origen y click en el botón de lista a la derecha de la opción Nombre de Tabla/Vista.

7) Seleccionar de la lista la tabla EMPLOYEES.

8) Seleccionar todos los campos de la table EMPLOYEES visualizados en el panel derecho.

Click en Seleccionar Columnas de Clave Primaria y elegir de la lista EMPLOYEE_ID. 

Click en Crear

9)  Se ha creado la página con su región como se visualiza en la imagen siguiente:

Parte 3: Enlace de la Tarjeta a la pantalla de Edición del Empleado.

1) Seleccionar la página 11 en la lista del diseñador.

 2) Seleccionar Acciones y hacer click en Crear Acción.

 

3) En el panel derecho seleccionar Acción.

   Tipo Botón.

    Etiqueta Editar Empleado.

4) En el grupo Enlace, Destino, click en botón de la derecha.

5) Establecer como página 14 y enlazar el elemento P14_EMPLOYEE_ID con el campo EMPLOYEE_ID y clic en Aceptar.

 

 6) Click en Guardar y después Ejecutar.

 

 

El resultado de la ejecución muestra el reporte de EMPLEADOS basado en Tarjetas.

 Si hace click sobre el botón Editar Empleado se abrirá un cuadro de diálogo modal.

 

 

Conclusiones

 

Las tarjetas constituyen una forma visual llamativa y más descriptiva de presentación de los datos de cada registro; las acciones asociadas en esta nueva versión permiten una mayor versatilidad al poder enlazar una tarjeta a diferentes páginas dentro de la misma o diferente aplicación.