4D 20 R10 è ora disponibile e offre una nuova serie di miglioramenti a 4D Qodly Pro in tutto il prodotto, per stabilizzare le potenti funzioni già utilizzate.
L’impostazione dei gestori HTTP è ora più semplice che mai.
Durante il rendering di una pagina, è ora possibile accedere a parti e parametri dell’URL. E tanti miglioramenti vi aiuteranno a offrire ai vostri utenti finali una migliore comprensione dei loro percorsi e un feedback chiaro per ogni loro azione.
Continuate a scoprire questa potente soluzione di sviluppo web completamente in parti di 4D, robusta e facile da usare.
Costruite applicazioni web aziendali con un minimo sforzo di codifica, sfruttando la logica aziendale esistente che avete già implementato nelle vostre applicazioni desktop.
Diamo un’occhiata più da vicino … Continuate a leggere!
una nuova interfaccia per i gestori HTTP
Nel precedente blogpost sulle novità, abbiamo introdotto la nuova interfaccia utente per i gestori HTTP.
Ricordare rapidamente cosa sono i gestori HTTP
Forse avete già letto questo post sui gestori HTTP.
Con l’introduzione dei gestori di richieste HTTP sul server HTTP 4D, è possibile definire con precisione la logica aziendale che si desidera attivare in base a specifici modelli di URL di richiesta.
la nuova interfaccia utente dei gestori http
Per offrire un’esperienza utente più fluida e intuitiva durante la configurazione degli handler, l’interfaccia utente è stata migliorata.
il nuovo spazio dei nomi Qodly
Uno spazio dei nomi Qodly è ora disponibile per impostazione predefinita. Contiene fonti Qodly condivise:
- Titolo (Stringa): imposta un titolo personalizzato per la scheda del browser.
- Location (Object): gestisce il contenuto dell’URL di una pagina Qodly resa.
impostare un titolo personalizzato per la scheda del browser
Per dare agli utenti finali una migliore comprensione del punto in cui si trovano nel loro percorso, è ora possibile impostare un titolo personalizzato per la scheda del browser.
Prima il titolo della scheda era il nome della pagina Qodly corrente. Ora, grazie alla nuova fonte Title shared Qodly, avete il pieno controllo del titolo della scheda del browser.
Nell’esempio che segue, viene utilizzata una sola pagina Qodly: la pagina HealthCare. Essa contiene un caricatore di pagine che visualizza la pagina desiderata in base alle azioni di navigazione dell’utente.
Per evitare che il titolo della scheda del browser visualizzi sempre“HealthCare”, è ora possibile impostare un valore per l’origine Title Qodly in qualsiasi punto dell’applicazione.
esempio
Nella pagina Autenticazione, quando la pagina viene inizializzata, il titolo viene impostato dinamicamente:
Lo stesso approccio si applica alla pagina Pazienti e ad altre pagine dell’applicazione:
Ecco come appare in azione:
gestire il contenuto dell’URL di una pagina renderizzata
È ora possibile ottenere le parti dell’URL, i parametri e l’ancora di una pagina Qodly renderizzata grazie allasorgente Location Qodly (Object).
Il funzionamento è simile a quello dell’istanza della classe 4D.IncomingMessage ricevuta come parametro dai gestori HTTP.
Ad esempio, questo tipo di URL può ora essere gestito durante il rendering di una pagina Qodly(ad esempio, la pagina Ordini): http://127.0.0.1/$lib/renderer/?w=Ordini&id=11
Grazie all’origine dell’oggetto Location, è possibile richiamare una funzione quando viene caricata la pagina Ordini per recuperare l’ordine con ID 11:
Poiché la sorgenteOrder è l’elemento selezionato della matrice sottostante, l’ordine viene selezionato automaticamente.
scorrere e selezionare nel componente matrice
Per il componente matrice è disponibile una nuova opzione di comportamento della selezione che consente di definire il comportamento della selezione quando i dati legati alla matrice cambiano.
Sono disponibili tre opzioni:
- Seleziona e scorri fino al primo elemento
Quando i dati cambiano, la matrice scorre fino al primo elemento e lo seleziona.
- Seleziona e scorri corrente
L’elemento attualmente selezionato rimane selezionato e la matrice scorre verso di esso (se è incluso nei dati aggiornati legati alla matrice).
- Nessuna selezione
Non viene effettuata alcuna selezione automatica. Se necessario, lo sviluppatore deve selezionare manualmente un elemento utilizzando le funzioni o le azioni standard.
quando si perde la connessione di rete
La connessione di rete è stata persa? Non è necessario alcun codice: ora è automatico durante il rendering di una pagina Qodly. Quando la connessione cade, appare un messaggio…
e scompare quando viene ripristinata:
intorno al selezionatore di date
una nuova proprietà attiva per la fonte di dati intervalli
Il componente di input di testo è stato migliorato per le voci di tipo Data. Quando si suggeriscono gli intervalli tramite una fonte Qodly legata al componente, è ora possibile utilizzare una nuova proprietà attiva booleana.
Se questa proprietà è vera o mancante, l’intervallo viene applicato. Se è falsa, l’intervallo viene ignorato, proprio come se fosse abilitato/disabilitato nel pannello delle proprietà.
Data questa fonte Qodly intervalli:
[
{
"include": true,
"type": "range",
"params": {
"from": "2025-06-25",
"to": "2025-06-30"
},
"active": false
}
]Poiché l’intervallo è ignorato (attivo è Falso), tutte le date rimangono disponibili:
Ora, data quest’altra fonte intervalli:
[
{
"include": true,
"type": "range",
"params": {
"from": "2025-06-25",
"to": "2025-06-30"
}
}
]Poiché la proprietà attiva è assente, viene considerata True e l’intervallo viene applicato.
la navigazione nel selezionatore di date è più semplice
Anche la navigazione nel selezionatore di date è più semplice.
alcune proprietà sono state rinominate nella fonte degli intervalli
Se utilizzate qodlysources per gli intervalli con i vostri componenti di inserimento del testo della data, sappiate che alcune proprietà sono state rinominate:
- toDay –> today
- a partire da –> a partire da
- untilto –> until
Ecco un esempio:
[
{
"include": true,
"type": "startingFrom",
"params": {
"today": true
}
}
]interfaccia utente intelligente per i valori iniziali lunghi delle fonti Qodly
L’editor dei valori iniziali delle fonti Qodly è stato migliorato per offrire un’esperienza d’uso migliore e più fluida quando si lavora con valori lunghi. Non c’è bisogno di mettere gli occhiali: è chiarissimo!
PERSONALIZZAZIONE della barra di ricerca nel componente select box
La barra di ricerca del componente select box può ora essere personalizzata con nuovi selettori CSS:
- fd-selectbox__search: per l’intera barra di ricerca
- fd-selectbox__search__input: per il componente di input
- fd-selectbox__search__icon: per il componente icona
Ecco un esempio di classe CSS che si può applicare:
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;
}
}
scorciatoia per modificare una condizione salvata
Durante la modifica di uno stato, se si tratta di una condizione salvata, ora c’è una scorciatoia per modificarla direttamente.
Avete bisogno di un ripasso sugli stati? Leggete questo post per (ri)scoprire come gestire un’interfaccia utente dinamica.
È tutto!
Speriamo che tutti questi miglioramenti vi aiutino a costruire applicazioni web Qodly ancora migliori.
Restate sintonizzati!