4D Qodly Pro : Nouveautés de 4D 20 R10

4D 20 R10 est maintenant disponible et offre un nouvel ensemble d’améliorations de 4D Qodly Pro à travers le produit pour stabiliser des fonctionnalités puissantes que vous avez peut-être déjà utilisées.

La configuration des gestionnaires HTTP est maintenant plus facile que jamais.

Lors du rendu d’une page, il est désormais possible d’accéder aux parties et aux paramètres de l’URL. Et tant d’améliorations vous aideront à offrir à vos utilisateurs finaux une meilleure compréhension de leurs parcours et un retour d’information clair pour chacune de leurs actions.

Continuez à découvrir cette puissante solution de développement web en 4D, robuste et conviviale.

Créez des applications web professionnelles avec un minimum d’effort de codage en exploitant la logique métier existante que vous avez déjà mise en œuvre dans vos applications de bureau.

Regardons de plus près… Continuez à lire !

Une nouvelle interface utilisateur pour les gestionnaires HTTP

Dans le précédent billet de blog Quoi de neuf, nous avons présenté la nouvelle interface utilisateur des gestionnaires HTTP.

Se souvenir rapidement de ce que sont les gestionnaires HTTP

Vous avez peut-être déjà lu cet article de blog sur les gestionnaires HTTP.

Avec l’introduction des HTTP Request Handlers sur le serveur 4D HTTP, vous pouvez définir avec précision la logique métier que vous souhaitez déclencher en fonction de modèles d’URL spécifiques.

La nouvelle interface utilisateur des gestionnaires de requêtes HTTP

L’interface utilisateur a été améliorée afin d’offrir une expérience utilisateur plus fluide et plus intuitive lors de la configuration des gestionnaires.

Le nouvel espace de noms Qodly

Un espace de noms Qodly est désormais disponible par défaut. Il contient des sources Qodly partagées:

• Title (String) : définit un titre d’onglet de navigateur personnalisé
• Location (Objet) : gère le contenu de l’URL d’une page Qodly rendue

définir un titre d’onglet personnalisé

Pour permettre à vos utilisateurs finaux de mieux comprendre où ils se trouvent dans leur parcours, vous pouvez désormais donner un titre personnalisé à l’onglet du navigateur.

Auparavant, le titre de l’onglet était le nom de la page Qodly en cours. Désormais, grâce à la nouvelle source partagée Title Qodly, vous avez le contrôle total du titre de l’onglet du navigateur.

Dans l’exemple ci-dessous, une seule page Qodly est utilisée : la page HealthCare. Elle contient un chargeur de page qui affiche la page requise en fonction des actions de navigation de l’utilisateur.

Pour éviter que le titre de l’onglet du navigateur n’affiche toujours« HealthCare », vous pouvez désormais définir une valeur pour la source Qodly Title n’importe où dans votre application.

exemple

Sur la page Authentification, lorsque la page est initialisée, le titre est défini dynamiquement :

La même approche s’applique à la page Patients et aux autres pages de votre application :

Voici ce que cela donne en action :

gérer le contenu de l’url d’une page rendue

Vous pouvez maintenant obtenir les parties de l’URL, les paramètres et l’ancre de l’URL d’une page Qodly rendue grâce à lasource Qodly Location (Objet).

Le fonctionnement est similaire à celui de l’instance de la classe 4D.IncomingMessage reçue en tant que paramètre par les gestionnaires HTTP.

Par exemple, ce type d’URL peut désormais être traité lors du rendu d’une page Qodly(par exemple, la page Orders) : http://127.0.0.1/$lib/renderer/?w=Orders&id=11

Grâce à l’objet source Location, une fonction peut être appelée lorsque la page Orders est chargée pour récupérer la commande portant l’ID 11 :

La sourceOrder étant l’élément sélectionné de la matrice ci-dessous, cette commande est automatiquement sélectionnée.

faire défiler et sélectionner dans le composant matrice

Une nouvelle option de comportement de sélection est disponible pour le composant de matrice afin de définir le comportement de la sélection lorsque les données liées à la matrice changent.

Trois options sont disponibles :

• Sélectionner et faire défiler jusqu’au premier élément

Lorsque les données changent, la matrice défile jusqu’au premier élément et le sélectionne.

• Sélectionner et faire défiler l’élément actuel

L’élément actuellement sélectionné reste sélectionné et la matrice défile jusqu’à lui (s’il est inclus dans les données actualisées liées à la matrice).

• Pas de sélection

Aucune sélection automatique n’est effectuée. Si nécessaire, le développeur doit sélectionner manuellement un élément à l’aide de fonctions ou d’actions standard.

lorsque la connexion réseau est perdue

La connexion réseau est perdue ? Pas besoin de code, c’est désormais automatique lors du rendu d’une page Qodly. Un message apparaît lorsque la connexion est interrompue…

…et disparaît lorsqu’elle est rétablie :

autour du sélecteur de date

une nouvelle propriété active pour la source de données intervalles

Le composant de saisie de texte a été amélioré pour les entrées de type Date. Lors de la suggestion d’intervalles via une source Qodly liée au composant, une nouvelle propriété active booléenne peut désormais être utilisée.

Si cette propriété est vraie ou manquante, l’intervalle est appliqué. Si elle est fausse, l’intervalle est ignoré – tout comme l’activation/désactivation de l’intervalle dans le panneau Propriétés.

Compte tenu de cette source d’intervalles Qodly :

[
  {
    "include": true,
    "type": "range",
    "params": {
      "from": "2025-06-25",
      "to": "2025-06-30"
    },
    "active": false
  }
]

Parce que l’intervalle est ignoré (actif est Faux), toutes les dates restent disponibles :

Maintenant, compte tenu de cette autre source d’intervalles :

[
  {
    "include": true,
    "type": "range",
    "params": {
      "from": "2025-06-25",
      "to": "2025-06-30"
    }
  }
]

La propriété active étant absente, elle est considérée comme True, et l’intervalle est appliqué.

la navigation dans le sélecteur de date est plus facile

Vous apprécierez également la navigation plus aisée dans le sélecteur de date.

certaines propriétés ont été renommées dans la source des intervalles

Si vous utilisez qodlysources pour les intervalles avec vos composants de saisie de date, sachez que certaines propriétés ont été renommées :

• toDay –> aujourd’hui
• startingfrom –> startingFrom
• jusqu’à –> jusqu’à

Voici un exemple :

[
  {
    "include": true,
    "type": "startingFrom",
    "params": {
      "today": true
    }
  }
]

Interface utilisateur intelligente pour les valeurs initiales longues de Qodly Source

L’éditeur de valeurs initiales de Qodly source a été amélioré afin d’offrir une expérience utilisateur meilleure et plus fluide lorsque l’on travaille avec des valeurs longues. Pas besoin de mettre vos lunettes – c’est clair comme de l’eau de roche !

PERSONNALISER la barre de recherche du composant boîte de sélection

La barre de recherche du composant boîte de sélection peut désormais être stylisée à l’aide de nouveaux sélecteurs CSS :

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;
	}
}

raccourci pour modifier une condition sauvegardée

Lors de l’édition d’un état, si celui-ci implique une condition sauvegardée, il existe maintenant un raccourci pour l’éditer directement.

Besoin d’un rafraîchissement sur les états ? Lisez cet article de blog pour (re)découvrir comment gérer une interface utilisateur dynamique.

Voilà, c’est fini !

Nous espérons que toutes ces améliorations vous aideront à créer des applications web Qodly encore meilleures.

Restez à l’écoute !