4D Qodly Pro: Was ist neu in 4D 20 R10

4D 20 R10 ist ab sofort verfügbar und bietet eine Reihe neuer Verbesserungen für 4D Qodly Pro, die leistungsstarke Funktionen stabilisieren, die Sie vielleicht schon genutzt haben.

Das Einrichten von HTTP-Handlern ist jetzt einfacher denn je.

Beim Rendern einer Seite kann nun auf URL-Teile und Parameter zugegriffen werden. Und so viele Verbesserungen helfen Ihnen, Ihren Endbenutzern ein besseres Verständnis ihrer User Journeys und klares Feedback für jede ihrer Aktionen zu bieten.

Entdecken Sie diese leistungsstarke, robuste und benutzerfreundliche Lösung für die Entwicklung von Webanwendungen, die vollständig aus 4D besteht.

Erstellen Sie geschäftliche Webanwendungen mit minimalem Programmieraufwand, indem Sie die vorhandene Geschäftslogik nutzen, die Sie bereits in Ihren Desktop-Anwendungen implementiert haben.

Lassen Sie uns einen genaueren Blick darauf werfen … Lesen Sie weiter!

eine neue Benutzeroberfläche für HTTP-Handler

Im letzten Blogbeitrag What’s new haben wir die neue Benutzeroberfläche für HTTP-Handler vorgestellt.

Schnelles Erinnern, was HTTP-Handler sind

Vielleicht haben Sie bereits diesen Blogbeitrag über HTTP-Handler gelesen.

Mit der Einführung von HTTP Request Handlern auf dem 4D HTTP Server können Sie genau definieren, welche Geschäftslogik Sie auf Basis bestimmter Request URL Muster auslösen wollen.

die neue http handlers UI

Die Benutzeroberfläche wurde verbessert, um eine reibungslose und intuitivere Benutzererfahrung bei der Einrichtung von Handlern zu bieten.

der neue Qodly Namespace

Ein Qodly-Namensraum ist nun standardmäßig verfügbar. Er enthält gemeinsame Qodly-Quellen:

• Title (String): Setzt einen benutzerdefinierten Browser-Tab-Titel
• Location (Objekt): behandelt den URL-Inhalt einer gerenderten Qodly-Seite

einen benutzerdefinierten Browser-Tab-Titel setzen

Um Ihren Endbenutzern ein besseres Verständnis dafür zu geben, wo sie sich in ihrer User Journey befinden, können Sie jetzt einen benutzerdefinierten Titel für den Browser-Tab festlegen.

Bisher war der Tab-Titel der Name der aktuellen Qodly-Seite. Dank der neuen gemeinsamen Qodly-Quelle Title haben Sie nun die volle Kontrolle über den Titel des Browser-Tabs.

Im folgenden Beispiel wird eine einzige Qodly-Seite verwendet: die HealthCare-Seite. Sie enthält einen Seitenlader, der die gewünschte Seite entsprechend den Navigationsaktionen des Benutzers anzeigt.

Um zu vermeiden, dass der Titel der Browser-Registerkarte immer„HealthCare“ anzeigt, können Sie nun einen Wert für die Qodly-Quelle Title an beliebiger Stelle in Ihrer Anwendung festlegen.

Beispiel

Auf der Authentifizierungsseite wird der Titel bei der Initialisierung der Seite dynamisch gesetzt:

Der gleiche Ansatz gilt für die Seite “ Patienten“ und andere Seiten in Ihrer Anwendung:

Hier sehen Sie, wie es in Aktion aussieht:

Handhabung des URL-Inhalts einer gerenderten Seite

Sie können nun die URL-Teile, Parameter und Anker einer gerenderten Qodly-Seiten-URL dank derQodly-Quelle Location (Object) erhalten.

Dies funktioniert ähnlich wie die Instanz der Klasse 4D.IncomingMessage, die als Parameter von HTTP-Handlern empfangen wird.

Zum Beispiel kann diese Art von URL jetzt während des Renderings einer Qodly-Seite(z.B. der Seite Bestellungen) behandelt werden: http://127.0.0.1/$lib/renderer/?w=Bestellungen&id=11

Dank der Location-Objektquelle kann eine Funktion aufgerufen werden, wenn die Seite Orders geladen wird, um die Bestellung mit der ID 11 abzurufen:

Da die QuelleOrder das ausgewählte Element der unten stehenden Matrix ist, wird diese Bestellung automatisch ausgewählt.

Blättern und Auswählen in der Matrixkomponente

Für die Matrixkomponente ist eine neue Option für das Auswahlverhalten verfügbar, mit der festgelegt werden kann, wie sich die Auswahl verhält, wenn sich die an die Matrix gebundenen Daten ändern.

Es stehen drei Optionen zur Verfügung:

• Auswählen und zum ersten Element blättern

Wenn sich die Daten ändern, blättert die Matrix zum ersten Element und wählt es aus.

• Auswählen und aktuelles Element blättern

Das aktuell ausgewählte Element bleibt ausgewählt und die Matrix blättert dorthin (wenn es in den aktualisierten, an die Matrix gebundenen Daten enthalten ist).

• Keine Auswahl

Es wird keine automatische Auswahl vorgenommen. Bei Bedarf muss der Entwickler ein Element manuell über Funktionen oder Standardaktionen auswählen.

wenn die Netzwerkverbindung unterbrochen ist

Netzwerkverbindung verloren? Kein Code erforderlich – dies geschieht jetzt automatisch beim Rendern einer Qodly-Seite. Eine Meldung erscheint, wenn die Verbindung abbricht…

…und verschwindet, wenn sie wiederhergestellt ist:

rund um den Datums-Picker

eine neue aktive Eigenschaft für die Intervall-Datenquelle

Die Texteingabekomponente wurde für Eingaben vom Typ Datum erweitert. Wenn Intervalle über eine an die Komponente gebundene Qodly-Quelle vorgeschlagen werden, kann nun eine neue boolesche aktive Eigenschaft verwendet werden.

Wenn diese Eigenschaft wahr ist oder fehlt, wird das Intervall angewendet. Wenn sie falsch ist, wird das Intervall ignoriert – genau wie beim Aktivieren/Deaktivieren im Eigenschaften-Panel.

Angesichts dieses Intervalls Qodly-Quelle:

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

Da das Intervall ignoriert wird (aktiv ist False), bleiben alle Termine verfügbar:

Nun zu dieser anderen Intervall-Quelle:

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

Da die Eigenschaft „Aktiv“ fehlt, wird sie als „Wahr“ betrachtet, und das Intervall wird angewendet.

Die Navigation in der Datumsauswahl ist einfacher

Sie werden auch die einfachere Navigation in der Datumsauswahl zu schätzen wissen.

einige Eigenschaften wurden in der Intervallquelle umbenannt

Wenn Sie qodlysources für Intervalle mit Ihren Datumstexteingabekomponenten verwenden, sollten Sie beachten, dass einige Eigenschaften umbenannt wurden:

• toDay –> heute
• startingfrom –> startingFrom
• bisbis –> bis

Hier ist ein Beispiel:

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

Intelligentes UI für lange Qodly-Quellinitialwerte

Der Editor für Qodly-Quellinitialwerte wurde verbessert, um eine bessere und flüssigere Benutzererfahrung bei der Arbeit mit langen Werten zu bieten. Sie müssen Ihre Brille nicht aufsetzen – es ist kristallklar!

CUSTOMIZE der Suchleiste in der Selectbox-Komponente

Die Suchleiste der Selectbox-Komponente kann jetzt mit neuen CSS-Selektoren gestaltet werden:

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

Tastaturkürzel zum Bearbeiten einer gespeicherten Bedingung

Bei der Bearbeitung eines Zustands, der eine gespeicherte Bedingung enthält, gibt es jetzt einen Shortcut, um diese direkt zu bearbeiten.

Brauchen Sie eine Auffrischung der Kenntnisse über Zustände? Lesen Sie diesen Blog-Beitrag, um zu erfahren, wie man eine dynamische Benutzeroberfläche (wieder) in den Griff bekommt.

Das war’s!

Wir hoffen, dass all diese Verbesserungen Ihnen helfen, noch bessere Qodly-Webanwendungen zu erstellen.

Bleiben Sie dran!