4D 20 R10 ya está disponible y ofrece un nuevo conjunto de mejoras de 4D Qodly Pro en todo el producto para estabilizar las poderosas funcionalidades que quizás ya haya utilizado.
La configuración de los gestores HTTP es ahora más fácil que nunca.
Al renderizar una página, ahora se puede acceder a partes y parámetros de la URL. Y muchas mejoras le ayudarán a ofrecer a sus usuarios finales una mejor comprensión de sus viajes de usuario y una retroalimentación clara para cada una de sus acciones.
Siga descubriendo esta poderosa solución de desarrollo web en 4D, robusta y fácil de usar.
Cree aplicaciones web profesionales con un mínimo esfuerzo de codificación aprovechando la lógica empresarial existente que ya ha implementado en sus aplicaciones de escritorio.
Demos un vistazo más de cerca … Siga leyendo
una nueva interfaz de usuario para los gestores HTTP
En la anterior entrada del blog Novedades, presentamos la nueva interfaz de usuario para los gestores HTTP.
Recordando rápidamente qué son los GESTORes http
Es posible que ya haya leído esta entrada de blog sobre los gestores HTTP.
Con la introducción de los HTTP Request Handlers en el Servidor HTTP 4D, puede definir con precisión qué lógica de negocio desea activar en función de modelos de URL específicos.
la nueva interfaz de usuario de los GESTORes http
Para ofrecer una experiencia de usuario más fluida e intuitiva durante la configuración de sus gestores, esta IU ha sido mejorada.
el nuevo espacio de nombres Qodly
Un espacio de nombres Qodly está ahora disponible por defecto. Contiene fuentes compartidas de Qodly:
- Title (String): define un título de pestaña de navegador personalizado
- Location (Objeto): gestiona el contenido de la URL de una página Qodly renderizada.
DEFINIr un título DE pestaña personalizado
Para dar a sus usuarios finales una mejor comprensión de dónde se encuentran en su viaje de usuario, ahora puede dar un título personalizado a la pestaña del navegador.
Antes, el título de la pestaña era el nombre de la página Qodly actual. Ahora, gracias a la nueva fuente compartida Title Qodly, usted tiene el control total del título de la pestaña del navegador.
En el siguiente ejemplo, se utiliza una única página Qodly: la página HealthCare. Contiene un cargador de páginas que muestra la página deseada en función de las acciones de navegación del usuario.
Para evitar que el título de la pestaña del navegador muestre siempre «HealthCare», ahora puede definir un valor para la fuente Qodly Title en cualquier parte de su aplicación.
ejemplo
En la página Authentification, cuando se inicializa la página, el título se define dinámicamente:
El mismo enfoque se aplica a la página Patients y a otras páginas de su aplicación:
Así es como se ve en acción:
manejar el contenido de la url de una página renderizada
Ahora puede obtener las partes de la URL, los parámetros y el ancla de la URL de una página Qodly renderizada gracias a la fuente Qodly Location (Objeto).
Esto funciona de manera similar a la instancia de la clase 4D.IncomingMessage recibida como parámetro por los gestores HTTP.
Por ejemplo, este tipo de URL puede ahora ser manejado durante el renderizado de una página Qodly (por ejemplo, la página de Orders): http://127.0.0.1/$lib/renderer/?w=Orders&id=11
Gracias al objeto fuente Location, se puede llamar a una función cuando se carga la página Orders para recuperar el pedido con ID 11:
La sourceOrder es el elemento seleccionado de la matriz de abajo, ese pedido se selecciona automáticamente.
desplazarse y seleccionar en el componente matriz
Una nueva opción de comportamiento de selección está dispone para el componente de matriz para definir cómo se comporta la selección cuando cambian los datos vinculados a la matriz.
Hay tres opciones disponibles:
- Seleccionar y desplazarse hasta el primer elemento
Cuando los datos cambian, la matriz se desplaza hasta el primer elemento y lo selecciona.
- Seleccionar y desplazar el elemento actual
El elemento actualmente seleccionado permanece seleccionado y la matriz se desplaza hasta él (si está incluido en los datos actualizados vinculados a la matriz).
- Sin selección
No se realiza ninguna selección automática. Si es necesario, el desarrollador debe seleccionar manualmente un elemento utilizando funciones o acciones estándar.
cuando se pierde la conexión de red
¿Se ha perdido la conexión de red? No se necesita código, ahora es automático al renderizar una página Qodly. Un mensaje aparece cuando la conexión se interrumpe…
…y desaparece cuando se restablece:
selector de fechas
una nueva propiedad activa para la fuente de datos de intervalos
Se ha mejorado el componente de entrada de texto para las entradas de tipo Date. Al sugerir intervalos a través de una fuente Qodly vinculada al componente, ahora se puede utilizar una nueva propiedad activa booleana.
Si esta propiedad es verdadera o falta, se aplica el intervalo. Si es falsa, el intervalo se ignora, igual que si se activara o desactivara en el panel Propiedades.
Dada esta fuente de intervalos Qodly:
[
{
"include": true,
"type": "range",
"params": {
"from": "2025-06-25",
"to": "2025-06-30"
},
"active": false
}
]Dado que el intervalo es ignorado (activo es False), todas las fechas permanecen disponibles:
Dada esta otra fuente de intervalos:
[
{
"include": true,
"type": "range",
"params": {
"from": "2025-06-25",
"to": "2025-06-30"
}
}
]Como la propiedad active no está, se considera True y se aplica el intervalo.
la navegación en el selector de fechas es más fácil
También apreciará una navegación más sencilla en el selector de fechas.
se ha cambiado el nombre de algunas propiedades en la fuente de intervalos
Si está utilizando qodlysources para los intervalos con sus componentes de entrada de fecha, tenga en cuenta que algunas propiedades han cambiado de nombre:
- toDay –> today
- startingfrom –> startingFrom
- untilto –> until
He aquí un ejemplo:
[
{
"include": true,
"type": "startingFrom",
"params": {
"today": true
}
}
]INTERFAZ USUARIO inteligente para LOS valores iniciales largos de qodly SOURCE
El editor de valores iniciales de Qodly source ha sido mejorado para ofrecer una experiencia de usuario mejor y más fluida cuando se trabaja con valores largos. No hace falta que se ponga las gafas: ¡es cristalino!
PERSONALIZAR la barra de búsqueda del componente cuadro de selección
La barra de búsqueda del componente select box ahora puede estilizarse utilizando nuevos selectores CSS:
- fd-selectbox__search: para toda la barra de búsqueda
- fd-selectbox__search__input: para el componente de entrada
- fd-selectbox__search__icon: para el componente icono
Aquí tiene un ejemplo de clase CSS que puede aplicar:
self {
.fd-selectbox__search {
border-width: 0.5px;
border-color: #1f5f93;
}
.fd-selectbox__search__input {
background-color: #d5e7f6;
font-size: 20px;
}
.fd-selectbox__search__icon {
color: #1f5f93;
}
}
acceso directo para editar unA CONDICIÓN guardada
Al editar un estado, si implica una condición guardada, ahora hay un atajo para editarla directamente.
¿Necesita un repaso de los estados? Lea esta entrada del blog para (re)descubrir cómo manejar una interfaz de usuario dinámica.
Y ya está.
Esperamos que todas estas mejoras le ayuden a crear aplicaciones web Qodly aún mejores.
Permanezca atento.