sgcHTML Matrice des fonctionnalités

Chaque composant de la bibliothèque, regroupé en dix familles. Chacun produit du balisage Bootstrap 5 et fonctionne de la même façon en Delphi, C++ Builder et .NET. La plupart sont orientés données et se lient directement à un TDataSet via LoadFromDataSet / DataSource (ou une source .NET équivalente). Cliquez sur un composant pour accéder à sa propre page avec utilisation et exemples. Tous les composants appliquent un encodage de sortie automatique HTML, d'attributs, JavaScript et d'URL ainsi qu'un assainissement des URL, de sorte que le contenu dynamique est échappé par défaut pour se prémunir contre le XSS et les injections.

Composants et capacités d'application

8 composants, 8 capacités

Données & Tableaux

11 composants

Chat & IA

4 composants

Authentification

7 composants

Instruments & SCADA

16 composants, liaison MQTT

Données & Tableaux

Grilles, calendriers et tableaux qui rendent vos jeux de données directement.

ComposantClasseDescriptionAide
GridTsgcHTMLComponent_GridTableau riche en fonctionnalités : tri, filtre, export CSV/PDF, édition en ligne, regroupement, défilement virtuel et requête IA.Docs
DataTableTsgcHTMLComponent_DataTableTableau de données de plus haut niveau enveloppant Grid + Pagination avec une barre d'outils, une recherche et un décompte de lignes.Docs
CalendarTsgcHTMLComponent_CalendarCalendrier en grille mensuelle avec points d'événements et navigation précédent/suivant.Docs
SchedulerTsgcHTMLComponent_SchedulerPlanificateur de calendrier (vues mois / semaine) rendant les événements par date.Docs
TimelineTsgcHTMLComponent_TimelineChronologie verticale d'événements datés, chargeable depuis un jeu de données.Docs
KanbanBoardTsgcHTMLComponent_KanbanBoardTableau Kanban de colonnes et de cartes déplaçables.Docs
GanttTsgcHTMLComponent_GanttDiagramme de Gantt de planning de projet avec barres de progression des tâches.Docs
TreeGridTsgcHTMLComponent_TreeGridTableau Bootstrap avec des lignes hiérarchiques repliables construites à partir de paires de nœuds Id/ParentId.Docs
PivotTableTsgcHTMLComponent_PivotTableTableau croisé dynamique Bootstrap qui regroupe les lignes et les colonnes et agrège les mesures avec des totaux de ligne, de colonne et généraux.Docs
ActivityFeedTsgcHTMLComponent_ActivityFeedFlux d'activité en direct, du plus récent au plus ancien, avec horodatages relatifs et envoi WebSocket hors-bande.Docs
AuditTrailTsgcHTMLComponent_AuditTrailFlux de journal d'audit chronologique des actions des utilisateurs et du système avec acteur, action, cible et horodatage.Docs

Graphiques & Visualisation

Des visuels pilotés par les données, construits à partir de vos propres chiffres.

ComposantClasseDescriptionAide
ChartTsgcHTMLComponent_ChartGraphique Chart.js : ligne, barre, secteurs, anneau, radar, polaire, bulles et nuage de points.Docs
GaugeTsgcHTMLComponent_GaugeJauge SVG semi-circulaire avec seuils de couleur bas / moyen / haut, ou une échelle à 90, 180 ou 270 degrés avec graduations, plages colorées et une aiguille.Docs
DiagramTsgcHTMLComponent_DiagramDiagramme de flux à nœuds et flèches rendu en SVG en ligne.Docs
MapTsgcHTMLComponent_MapCarte interactive Leaflet.js (tuiles OpenStreetMap / CartoDB) avec marqueurs.Docs
HeatmapTsgcHTMLComponent_HeatmapGrille de carte de chaleur SVG à échelle de couleur à partir de valeurs de cellules ou d'un jeu de données lié, avec légende et libellés de ligne/colonne.Docs
SparklineTsgcHTMLComponent_SparklineSparkline SVG compacte, en ligne, barre ou aire, intégrée dans le texte, à partir d'une série de valeurs ou d'un jeu de données lié.Docs
CandlestickChartTsgcHTMLComponent_CandlestickChartGraphique en chandeliers OHLC en SVG avec mèches, couleurs hausse/baisse et bande de volume optionnelle.Docs
QRCodeTsgcHTMLComponent_QRCodeCode QR SVG ISO/IEC 18004 en Pascal pur à partir de tout texte ou URL, avec niveau de correction d'erreur sélectionnable.Docs
BarcodeTsgcHTMLComponent_BarcodeCode-barres Code 128 SVG en Pascal pur à partir de tout texte ASCII, avec légende lisible optionnelle.Docs
TreeMapTsgcHTMLComponent_TreeMapTreemap « squarifié » rendu en SVG en ligne, autonome et généré côté serveur, sans bibliothèque de graphiques requise.Docs

Formulaires & Saisies

Tout ce dont vous avez besoin pour capturer des données, avec validation et liaison aux jeux de données.

ComposantClasseDescriptionAide
FormTsgcHTMLComponent_FormGénérateur de formulaires piloté par les données avec validation, mises en page et génération de formulaires par IA.Docs
EditTsgcHTMLComponent_EditChamp de saisie de texte sur une ligne avec libellé, texte d'aide et liaison aux jeux de données.Docs
MemoTsgcHTMLComponent_MemoZone de saisie de texte multiligne avec libellé et texte d'aide.Docs
CheckBoxTsgcHTMLComponent_CheckBoxCase à cocher avec libellé et état coché.Docs
RadioGroupTsgcHTMLComponent_RadioGroupGroupe d'options radio mutuellement exclusives.Docs
SelectTsgcHTMLComponent_SelectListe déroulante de sélection avec groupes d'options, sélection multiple et liaison aux jeux de données.Docs
InputGroupTsgcHTMLComponent_InputGroupSaisie avec texte d'addon en préfixe / suffixe.Docs
AutoCompleteTsgcHTMLComponent_AutoCompleteChamp de saisie adossé à une datalist HTML5 de suggestions.Docs
DatePickerTsgcHTMLComponent_DatePickerChamp de saisie natif date / heure / date-heure.Docs
FileUploadTsgcHTMLComponent_FileUploadZone d'envoi de fichiers par glisser-déposer avec soumission de formulaire multipart.Docs
RichEditorTsgcHTMLComponent_RichEditorÉditeur de texte enrichi WYSIWYG basé sur Quill avec champ de formulaire masqué.Docs
RatingTsgcHTMLComponent_RatingAffichage ou saisie de notation par étoiles (symboles).Docs
MultiSelectTsgcHTMLComponent_MultiSelectUne liste déroulante Bootstrap à sélection multiple et recherche, avec puces, options groupées et liaison aux jeux de données.Docs
ColorPickerTsgcHTMLComponent_ColorPickerUne saisie de couleur HTML5 native avec un champ de texte hexadécimal optionnel et des nuanciers prédéfinis.Docs
SliderTsgcHTMLComponent_SliderUn curseur de plage Bootstrap avec un badge de valeur en direct, des libellés min/max et une coloration.Docs
TimePickerTsgcHTMLComponent_TimePickerUne saisie d'heure HTML5 native avec bornes min/max et une granularité à la seconde.Docs
SignaturePadTsgcHTMLComponent_SignaturePadUn pavé de signature sur canevas basé sur les événements pointeur, avec les actions Effacer, Annuler et Enregistrer.Docs
TransferTsgcHTMLComponent_TransferWidget à double liste pour déplacer des éléments entre un panneau disponible et un panneau assigné, avec filtrage et liaison aux jeux de données.Docs
DateTimePickerTsgcHTMLComponent_DateTimePickerSélecteur de date et d'heure HTML5 natif combinant calendrier et horloge dans un seul champ.Docs
DateRangePickerTsgcHTMLComponent_DateRangePickerChamps de date de début et de fin appariés pour choisir une plage de dates, avec bornes min/max.Docs
RangeSliderTsgcHTMLComponent_RangeSliderCurseur à deux poignées sélectionnant une paire de valeurs basse/haute, avec badges de valeur en direct.Docs
CameraScannerTsgcHTMLComponent_CameraScannerPanneau caméra en direct qui scanne codes-barres et QR codes avec le BarcodeDetector natif du navigateur, sans bibliothèque tierce.Docs
GeolocationTsgcHTMLComponent_GeolocationLit la position de l'appareil avec l'API Geolocation du navigateur, une fois ou en continu, et transmet latitude, longitude et précision au serveur via des champs cachés, un POST, une redirection ou un message WebSocket.Docs
NumPadTsgcHTMLComponent_NumPadPavé numérique et monétaire tactile pour la saisie en point de vente, avec boutons de montants rapides et un formatage indépendant de la langue.Docs

Contenu & Mise en page

Cartes, médias et tuiles d'indicateurs pour agencer une page.

ComposantClasseDescriptionAide
PanelTsgcHTMLComponent_PanelPanneau-carte Bootstrap avec en-tête / corps / pied de page, repliable et défilable.Docs
StatCardTsgcHTMLComponent_StatCardCarte d'indicateur / de statistique de tableau de bord avec icône, flèche de tendance et dégradé optionnel.Docs
AccordionTsgcHTMLComponent_AccordionAccordéon à repliement vertical de panneaux empilés et déployables.Docs
CarouselTsgcHTMLComponent_CarouselDiaporama / carrousel d'images avec indicateurs, contrôles et lecture automatique.Docs
ImageTsgcHTMLComponent_ImageImage avec forme, responsive / chargement différé, lien lightbox et légende.Docs
AvatarTsgcHTMLComponent_AvatarAvatar utilisateur (image ou initiales) avec taille, forme et point d'état de présence.Docs
VideoTsgcHTMLComponent_VideoLecteur vidéo / audio HTML5 ainsi qu'un assistant d'intégration YouTube.Docs
BadgeTsgcHTMLComponent_BadgeBadge Bootstrap unique avec couleur, forme pilule, une icône en ligne et un mode point de notification positionné.Docs
PDFViewerTsgcHTMLComponent_PDFViewerVisionneuse PDF intégrée à la page, basée sur pdf.js, avec navigation entre pages, zoom, recherche, téléchargement et impression.Docs
ChipTsgcHTMLComponent_ChipPuce / étiquette compacte avec une icône optionnelle, une couleur et un bouton de fermeture amovible.Docs

Surcouches & Retours

Boîtes de dialogue, surfaces d'état et états de chargement.

ComposantClasseDescriptionAide
ModalTsgcHTMLComponent_ModalBoîte de dialogue modale avec titre / corps / pied de page, tailles, centrée et arrière-plan statique.Docs
OffcanvasTsgcHTMLComponent_OffcanvasPanneau coulissant hors-canevas depuis la gauche, la droite, le haut ou le bas.Docs
PopoverTsgcHTMLComponent_PopoverBulle popover sur un élément déclencheur (clic / survol / focus).Docs
ToastTsgcHTMLComponent_ToastNotification toast avec en-tête, corps, horodatage et masquage automatique.Docs
SnackbarTsgcHTMLComponent_SnackbarSnackbar transitoire de style Material avec une action optionnelle.Docs
NotificationTsgcHTMLComponent_NotificationCentre de notifications déroulant à icône cloche avec un badge de non-lus.Docs
SpinnerTsgcHTMLComponent_SpinnerIndicateur de chargement (bordure / croissance), dimensionné et coloré.Docs
PlaceholderTsgcHTMLComponent_PlaceholderCarte de chargement en squelette / espace réservé avec un effet de scintillement animé.Docs
ContextMenuTsgcHTMLComponent_ContextMenuMenu contextuel (clic droit) limité à un sélecteur CSS, avec icônes, séparateurs, en-têtes et actions routées côté serveur.Docs
JobProgressTsgcHTMLComponent_JobProgressListe en direct de barres de progression de tâches en arrière-plan avec badges d'état, boutons d'annulation et mises à jour de fragments hors-bande.Docs
LogViewerTsgcHTMLComponent_LogViewerVisionneuse de journaux / terminal en streaming avec filtre de niveau, recherche et défilement automatique.Docs
ProgressBarTsgcHTMLComponent_ProgressBarBarre de progression Bootstrap, rayée et animée, à segment unique ou empilée multi-segments.Docs
CommandPaletteTsgcHTMLComponent_CommandPaletteLanceur d'actions rapides Ctrl+K / Cmd+K avec filtrage par sous-chaîne puis flou, catégories et actions routées côté serveur.Docs
EmptyStateTsgcHTMLComponent_EmptyStateLe panneau qu'une grille, une liste ou un résultat de recherche affiche lorsqu'il n'a aucune ligne, avec icône, titre, description et jusqu'à deux boutons.Docs

Chat & IA

Interface conversationnelle, des simples bulles à un assistant IA en streaming.

ComposantClasseDescriptionAide
ChatBoxTsgcHTMLComponent_ChatBoxBoîte à bulles de chat de style carte avec une barre de saisie et un indicateur de frappe.Docs
ChatTsgcHTMLComponent_ChatChat de style WhatsApp avec messages texte / image / fichier / audio / vidéo, accusés de lecture et réponses.Docs
AIChatTsgcHTMLComponent_AIChatChat d'assistant IA avec sélecteur de fournisseur / modèle, streaming de jetons et citations de sources RAG.Docs
PresenceTsgcHTMLComponent_PresenceListe « Qui est en ligne » sous forme de pile d'avatars ou de liste, avec mises à jour d'état en direct.Docs

Authentification

Des flux de connexion prêts à l'emploi, des mots de passe aux passkeys.

ComposantClasseDescriptionAide
LoginTsgcHTMLComponent_LoginFormulaire / page de connexion prêt à l'emploi (carte, centré ou pleine page) avec « se souvenir de moi » et alertes.Docs
SocialLoginTsgcHTMLComponent_SocialLoginPanneau de boutons de connexion sociale OAuth (Google, Facebook, Apple, GitHub, Microsoft et plus).Docs
OAuthCallbackTsgcHTMLComponent_OAuthCallbackPage de rappel / d'atterrissage OAuth en état succès, erreur ou chargement avec redirection automatique.Docs
WebAuthnLoginTsgcHTMLComponent_WebAuthnLoginWidget de connexion et d'enregistrement par passkey / WebAuthn sans mot de passe.Docs
RolesPermissionsTsgcHTMLComponent_RolesPermissionsMatrice de rôles / permissions avec une case à cocher par cellule et des mises à jour d'octroi en direct via WebSocket.Docs
UserManagementTsgcHTMLComponent_UserManagementTableau d'administration des utilisateurs avec rôles, statut, recherche et un menu déroulant d'actions par ligne.Docs
ImpersonateBannerTsgcHTMLComponent_ImpersonateBannerBannière d'usurpation d'identité admin affichée lorsqu'on agit en tant qu'un autre utilisateur, avec une sortie en un clic.Docs

Instruments & SCADA

Jauges, voyants, afficheurs, commandes opérateur, courbes en temps réel et synoptiques de procédé que le serveur maintient en direct dans le navigateur. HTML pur et SVG en ligne, sans bibliothèque JavaScript.

ComposantClasseDescriptionAide
LinearGaugeTsgcHTMLComponent_LinearGaugeJauge SVG rectiligne dessinée en barre, en thermomètre ou en cuve, avec une échelle graduée, des plages colorées et un affichage de la valeur.Docs
LEDTsgcHTMLComponent_LEDVoyant indicateur marche/arrêt, rond ou carré, avec lueur, clignotement et légende en option.Docs
LEDBarTsgcHTMLComponent_LEDBarBarregraphe à LED segmenté, l'indicateur de niveau classique composé de voyants individuels.Docs
SegmentDisplayTsgcHTMLComponent_SegmentDisplayTexte affiché comme un afficheur LED à 7 ou 14 segments, avec segments fantômes et une inclinaison italique en option.Docs
OdometerTsgcHTMLComponent_OdometerCompteur mécanique dont les roues à chiffres tournent jusqu'à la nouvelle valeur.Docs
AnalogClockTsgcHTMLComponent_AnalogClockCadran d'horloge analogique avec aiguilles des heures, des minutes et des secondes, statique ou animée dans le navigateur.Docs
CompassTsgcHTMLComponent_CompassBoussole ou indicateur de cap avec une rose tournante ou une aiguille tournante, et un repère de cible en option.Docs
VUMeterTsgcHTMLComponent_VUMeterVumètre audio en décibels, sous forme d'appareil à aiguille classique ou de barre, avec maintien de crête en option.Docs
KnobTsgcHTMLComponent_KnobBouton rotatif tourné avec le pointeur, le clavier ou la molette de la souris, qui envoie la valeur sélectionnée.Docs
ToggleSwitchTsgcHTMLComponent_ToggleSwitchInterrupteur marche/arrêt, sous forme de bascule coulissante ou de bouton à bascule industriel, qui envoie 1 ou 0 lorsqu'il est actionné.Docs
PushButtonTsgcHTMLComponent_PushButtonBouton de commande avec voyant d'état, en mode clic ou momentané (maintenir pour activer), avec une confirmation dans la page en option.Docs
NumericStepperTsgcHTMLComponent_NumericStepperZone numérique avec boutons de diminution et d'augmentation qui se répètent en restant appuyés, bornée à sa plage.Docs
StripChartTsgcHTMLComponent_StripChartEnregistreur à bande défilant multi-plumes sur un canvas, comme un enregistreur graphique, alimenté en direct par des échantillons poussés depuis le serveur.Docs
OscilloscopeTsgcHTMLComponent_OscilloscopeÉcran d'oscilloscope avec une grille de divisions, une échelle par voie, un déclenchement sur front et une persistance phosphorescente en option.Docs
AnnunciatorTsgcHTMLComponent_AnnunciatorPanneau annonciateur d'alarmes : une grille de tuiles légendées qui s'allument selon leur état et peuvent être acquittées par l'opérateur.Docs
SCADAPanelTsgcHTMLComponent_SCADAPanelSynoptique de procédé (cuves, vannes, pompes, moteurs, ventilateurs, échangeurs de chaleur, capteurs et tuyauteries) en SVG, avec état en direct, animation de flux et symboles cliquables.Docs
Liaison MQTTTsgcHTMLInstrumentsMQTTBinderAssocie les sujets (topics) MQTT aux instruments sans code : chaque message sur un sujet lié met à jour l'instrument et diffuse son fragment en direct aux navigateurs.Docs
Liaison InstrumentsTsgcHTMLInstrumentsBinderLes mêmes liaisons sans transport : transmettez les messages à ProcessMessage depuis n'importe quelle source (AMQP, Kafka, un client personnalisé).Docs

La Jauge a elle aussi été étendue : en plus de la jauge semi-circulaire, elle dessine une échelle à 90, 180 ou 270 degrés avec graduations, plages colorées et une aiguille, et se met à jour en direct comme tous les autres instruments. Voyez-les fonctionner dans les démos en ligne Instruments et SCADA / IoT.

Moteur, Serveur & Thèmes

Les pièces non visuelles qui servent les pages et les maintiennent vivantes.

ComposantClasseDescriptionAide
EngineServerTsgcHTMLEngine_ServerMoteur HTML lié à un TsgcWebSocketHTTPServer qui sert les pages rendues et les ressources intégrées.Docs
HTMXEngineTsgcHTMX_Engine_ServerMoteur htmx câblé au même serveur. Il s'accroche aux gestionnaires HTTP et WebSocket, distribue les requêtes et messages entrants, et pousse ou diffuse des fragments HTML vers les navigateurs connectés en temps réel (DispatchRequest, DispatchMessage, PushFragment, BroadcastFragment).Docs
PageBuilderTsgcHTMLPageBuilderAssemble les composants enregistrés en une page responsive complète (avec un éditeur visuel à la conception).Docs
TemplateBootstrapTsgcHTMLTemplate_BootstrapEnveloppe le contenu du corps dans un document HTML Bootstrap 5 complet avec thème, langue et direction.Docs
ThemeControllerTsgcHTMLThemeControllerSélecteur de thème à l'exécution dont la propriété Theme (ptDefault, ptDark, ptDarkPro) applique le thème sélectionné et la feuille de style partagée à la page.Docs
ThemeBuilderTsgcHTMLThemeBuilderGénérateur CSS dont le Mode (tmLight, tmDark, tmSystem) écrit les variables CSS de Bootstrap à partir des valeurs de propriétés, avec un script optionnel de synchronisation sur la préférence du système d'exploitation pour tmSystem.Docs
HTMXFragmentTsgcHTMX_FragmentFragment htmx hors-bande pour envoyer une mise à jour de page partielle du serveur vers le navigateur.Docs
HTMXRouterTsgcHTMX_RouterTable de routage de Routes qui fait correspondre un chemin de requête entrant et le distribue (via HandleRequest) au gestionnaire OnRoute de cette route.Docs

Composants d'application

S'ajoutent aux 110 composants listés ci-dessus et ne sont pas inclus dans les totaux par famille.

ComposantClasseDescriptionAide
CRUDTsgcHTMLComponent_CRUDLa liste avec recherche et pagination, le formulaire de création et de modification, la confirmation de suppression et le chemin d'écriture d'une table, sur un jeu de données ou sur votre propre SQL via un adaptateur de six méthodes.Docs
NotificationInboxTsgcHTMLComponent_NotificationInboxUne cloche avec un badge de non-lus et les notifications d'un utilisateur. Votre application répond à un événement avec les lignes qu'elle conserve et est informée de ce que l'utilisateur a lu.Docs
NotificationPreferencesTsgcHTMLComponent_NotificationPreferencesUn tableau avec une ligne par catégorie et une case à cocher par canal (dans l'application, push, e-mail). Votre application charge et enregistre les valeurs.Docs
WebPushTsgcHTMLWebPushWeb Push avec VAPID : valide les abonnements qu'un navigateur envoie, les remet à votre application et envoie des notifications chiffrées à un navigateur qui n'est pas en cours d'exécution. Éditions Enterprise et All-Access.Docs
AuthTsgcHTMLAuthSessions par cookie, « se souvenir de moi », jetons CSRF, limitation des connexions et protection des routes par connexion et par rôle, sur un magasin de sessions en mémoire ou en fichier.Docs
MCPAppTsgcHTMLComponent_MCPAppUn outil MCP qui répond avec une page, de sorte que les composants que vous utilisez déjà s'affichent dans ChatGPT, Claude et VS Code.Docs
AIAssistantTsgcHTMLAIAssistantTransforme une question en langage courant en un ensemble validé de filtres, tris, regroupements et mises en évidence pour une grille, un tableau de données, un tableau croisé ou un formulaire. Un analyseur intégré répond lorsqu'aucun fournisseur n'est configuré.Docs
InlineAIPromptTsgcHTMLComponent_InlineAIPromptUn popover à côté d'un mémo, d'un éditeur riche ou d'une colonne de grille qui interroge l'assistant, et ne rapporte la réponse que lorsque l'utilisateur l'accepte.Docs

Capacités du moteur

Ce que le moteur, le modèle de page et le concepteur ont gagné. Chaque option est désactivée par défaut, de sorte qu'une page qui n'en utilise aucune n'est pas affectée.

CapacitéCe qu'elle ajouteAide
RoutageChemins de modèle avec des segments {name}, un filtre Methods par route, RequireLogin et RequireRoles, et un aiguillage indépendant du transport, de sorte qu'une route s'exécute de la même façon en HTTP, via le WebSocket ou dans un test.Docs
Navigation et mises à jour en directHuit options de modèle de page qui transforment un site rendu côté serveur en application monopage sans JavaScript de votre part : liens et formulaires boostés, historique, remplacements par morphing, transitions de vue, barre de chargement, restauration du défilement, verrouillage de l'envoi et toast d'erreur. Toutes sont désactivées par défaut.Docs
WebSocket ou SSEMises à jour en direct via des événements envoyés par le serveur au lieu d'un WebSocket, ou un choix automatique qui bascule sur le flux d'événements lorsque le WebSocket ne peut pas s'ouvrir. Le balisage, les routes et les fragments restent identiques.Docs
AI Data PackInterrogez en langage courant une grille, un tableau de données, un tableau croisé ou un formulaire et n'appliquez que ce qu'un validateur a laissé passer. Le modèle reçoit les noms de colonnes, les types et trois valeurs d'exemple, et des lignes uniquement lorsque vous activez AllowRowDataToProvider. Un fournisseur nécessite les unités IA de l'édition Enterprise ou All-Access ou le pack sgcAI, et un analyseur intégré répond sans fournisseur.Docs
Générateur de pages IADans le concepteur, décrivez une page ou donnez-lui une capture d'écran, et il construit la page avec vos composants enregistrés via un schéma qui ne peut nommer rien d'autre. Rien n'est appliqué tant que vous ne l'acceptez pas. Le fournisseur nécessite les mêmes unités IA.Docs
ASP.NET Core Razor (.NET)Des Tag Helpers dans le style de Telerik et DevExpress, <sgc-grid>, <sgc-form>, <sgc-autocomplete>, <sgc-dialog> et <sgc-chart>, avec des équivalents fluides sous Html.Sgc(). La grille pagine, trie, filtre, recherche et exporte sur un IQueryable avec this.SgcGrid(request, query), les champs se lient avec asp-for, et les graphiques en direct sont poussés avec hub.BroadcastChartAsync via le WebSocket de sgcHTML, sans SignalR. Dans le package NuGet esegece.sgcHTML.AspNetCore, édition Community comprise.Aperçu
Disposition de droite à gaucheL'arabe, l'hébreu, le persan, l'ourdou et les autres langues de droite à gauche s'affichent avec dir="rtl" et la feuille de style RTL de Bootstrap, et les composants se mettent en miroir : barre latérale et rail d'icônes du site, assistants par étapes, chronologie, chat, présence, arborescence, curseur, séparateur, redimensionnement et colonnes figées de la grille, notifications, avatars et tableau kanban. Les graphiques, jauges, instruments et l'axe temporel du Gantt conservent leur géométrie. La direction suit automatiquement la langue, Dir et HtmlDir la remplacent, et les pages de gauche à droite ne sont pas affectées.Docs
TestingIdentifiants d'éléments déterministes, un petit DOM avec sélecteurs CSS, assertions HTML, fichiers de snapshot et tests de requêtes sans serveur, sans framework de test requis.Docs

La liste des fonctionnalités, en fonctionnement

Chaque capacité listée sur cette page est mise en œuvre par l'une de ces applications.

Générateur de tableaux croisés ad hoc : une application web Delphi construite avec sgcHTML, montrée en fonctionnement dans un navigateur.

Générateur de tableaux croisés ad hoc

Les utilisateurs choisissent dimensions et mesures ; le tableau croisé est reconstruit à partir d'un TFDQuery.

Ouvrir la démo en ligne →
CRUD en direct avec htmx : une application web Delphi construite avec sgcHTML, montrée en fonctionnement dans un navigateur.

CRUD en direct avec htmx

Recherche instantanée et édition en ligne, injectées sous forme de fragments sans recharger la page.

Ouvrir la démo en ligne →
Responsive par défaut : une application web Delphi construite avec sgcHTML, montrée en fonctionnement dans un navigateur.

Responsive par défaut

Les mêmes composants produisent une mise en page pour scanner portable à une largeur de téléphone.

Ouvrir la démo en ligne →

Démos en ligne : AI Data Pack, Shop Assistant, MCP Apps, Instruments, SCADA / IoT et De droite à gauche (RTL).

Voir toutes les démos en ligne →

Meilleur rapport qualité-prix : All-AccessTous les produits eSeGeCe, Support Premium inclus, à partir de €1,059/an.
Voir les tarifs All-Access

Construisez avec sgcHTML

Téléchargez la version d'essai gratuite et commencez à composer des interfaces web en Delphi, C++ Builder ou .NET.