Inauguración de la categoría «React»

Si sois habituales de este Blog, habréis visto en la Guía 83, en la que informo que estaba estudiando el entorno de desarrollo React, para poder hacer desarrollos «BUENOS» para los móviles.

En el tiempo que ha transcurrido, he avanzado bastante y tengo buenos ejemplos para todos aquellos que busquen cómo desarrollar un interfaz para móvil, de su aplicación PHPRunner. Esta alternativa, creo, le puede interesar mucho a todos los que tengan esa necesidad.

Os facilito los enlaces a las páginas creadas:

React es una solución muy extendida y tiene multitud de componentes gratuitos que son muy interesantes. Seguiré explorando y publicando aquellos aspectos que me resulten interesantes y novedosos.

Guía 89 – Múltiples funcionalidades sobre la página «LIST» – Actualización 18/10/2024

Rubén me ha solicitado la posibilidad de que las filas donde el check de selección está activado pueda disponer de un fondo de otro color. Estudiado cómo PHPRunner pone el color de fondo de las filas, he visto que no es posible cambiar dicho color, por lo que he cambiado la programación a la utilización de:

  • Definir todos los colores a través de CSS personalizados «Custom CSS».
  • Hacer todos los cambios a través de JavaScript en el evento «OnLoad»

El ejemplo publicado corresponde a esta versión.

Haz clic en este enlace para acceder al artículo completo.

Guía 89 – Múltiples funcionalidades sobre la página «LIST»

Este ejemplo se programa diferentes funcionalidades que muchas veces se requieren hacer en las páginas LIST.

En concreto, este ejemplo se ha hecho para un proceso de conciliación de previsiones y movimientos de los bancos, aunque el ejemplo sólo tiene por objeto explicar la programación de la funcionalidad que debe contemplar la aplicación.

El ejemplo tiene este interface:

Objetivo

Resolver las siguientes funcionalidades:

(1) .- Botón que realiza un proceso para cada uno de los registros seleccionados. Si no existiera ningún registro seleccionado, el botón estaría desactivado y no se podría hacer «clic». Se activa y desactiva, dependiendo de los registros seleccionados.

(2).- Poder añadir cambios en el fondo del registro o del color de la fuente cuando el cursor está encima del registro. Facilita marcación de toda la información del registro.

(3).- Para selecciona o deseleccionar el registro se puede hacer «clic» sobre el mismo. No requiere hacerlo sobre el check de selección.

(4).- En el ejemplo, si en el registro el campo «Control» no está activo, entonces al mostrar la página el registro debe mostrarlo como preseleccionado.

(5).- En este caso, cuando varios registro en donde el campo «Control» está activo y su importe es el mismo, se agrupan manteniendo un color de fondo que los resalta.

(6).- Como puede haber grupo de la condición del (5) continuos, el sistema va utilizando colores de fondo distintos para que se aprecien perfectamente los grupos.

DEMO:  https://fhumanes.com/guia_89/

Si te interesa este tema, sigue leyendo el artículo de este enlace.

Blog personal para facilitar soporte gratuito a usuarios de React y PHPRunner