Ad-hoc pivot-builder
Gebruikers kiezen dimensies en meetwaarden; de kruistabel wordt opnieuw opgebouwd uit een TFDQuery.
Open de live demo →Elk component in de bibliotheek, gegroepeerd in tien families. Elk component rendert naar Bootstrap 5-markup en werkt op dezelfde manier in Delphi, C++ Builder en .NET. De meeste zijn data-aware en binden rechtstreeks aan een TDataSet via LoadFromDataSet / DataSource (of een gelijkwaardige .NET-bron). Klik op een component voor zijn eigen pagina met gebruik en voorbeelden. Alle componenten passen automatische HTML-, attribuut-, JavaScript- en URL-uitvoercodering plus URL-sanering toe, zodat dynamische content standaard wordt ge-escaped ter bescherming tegen XSS en injectie.
8 componenten, 8 mogelijkheden
14 componenten
11 componenten
10 componenten
24 componenten
10 componenten
14 componenten
4 componenten
7 componenten
16 componenten, MQTT-binding
8 klassen
Grids, kalenders en boards die je datasets rechtstreeks renderen.
| Component | Klasse | Beschrijving | Help |
|---|---|---|---|
| Grid | TsgcHTMLComponent_Grid | Functierijke tabel: sorteren, filteren, CSV/PDF-export, inline bewerken, groeperen, virtueel scrollen en AI-query. | Docs |
| DataTable | TsgcHTMLComponent_DataTable | Datatabel op hoger niveau die Grid + Pagination omhult met een werkbalk, zoeken en rijtelling. | Docs |
| Calendar | TsgcHTMLComponent_Calendar | Maandrasterkalender met gebeurtenisstippen en vorige/volgende navigatie. | Docs |
| Scheduler | TsgcHTMLComponent_Scheduler | Kalenderplanner (maand- / weekweergaven) die gebeurtenissen per datum rendert. | Docs |
| Timeline | TsgcHTMLComponent_Timeline | Verticale tijdlijn van gedateerde gebeurtenissen, te laden vanuit een dataset. | Docs |
| KanbanBoard | TsgcHTMLComponent_KanbanBoard | Kanban-board met kolommen en versleepbare kaarten. | Docs |
| Gantt | TsgcHTMLComponent_Gantt | Gantt projecttijdlijngrafiek met voortgangsbalken voor taken. | Docs |
| TreeGrid | TsgcHTMLComponent_TreeGrid | Bootstrap-tabel met inklapbare, hiërarchische rijen opgebouwd uit Id/ParentId-knooppuntparen. | Docs |
| PivotTable | TsgcHTMLComponent_PivotTable | Bootstrap-draaitabel die rijen en kolommen groepeert en metingen aggregeert met rij-, kolom- en eindtotalen. | Docs |
| ActivityFeed | TsgcHTMLComponent_ActivityFeed | Live activiteitenfeed, nieuwste eerst, met relatieve tijdstempels en out-of-band WebSocket-push. | Docs |
| AuditTrail | TsgcHTMLComponent_AuditTrail | Chronologische audit-logfeed van gebruikers- en systeemacties met actor, actie, doelwit en tijdstempel. | Docs |
Datagedreven beelden gebouwd op je eigen cijfers.
| Component | Klasse | Beschrijving | Help |
|---|---|---|---|
| Chart | TsgcHTMLComponent_Chart | Chart.js-grafiek: lijn, staaf, taart, ring, radar, polair, bubbel en scatter. | Docs |
| Gauge | TsgcHTMLComponent_Gauge | Halfronde SVG-meter met kleurdrempels voor laag / midden / hoog, of een schaal van 90, 180 of 270 graden met schaalstreepjes, gekleurde zones en een naald. | Docs |
| Diagram | TsgcHTMLComponent_Diagram | Stroomdiagram met knooppunten en pijlen, gerenderd als inline SVG. | Docs |
| Map | TsgcHTMLComponent_Map | Leaflet.js interactieve kaart (OpenStreetMap / CartoDB-tegels) met markers. | Docs |
| Heatmap | TsgcHTMLComponent_Heatmap | Kleurgeschaald SVG-heatmapraster op basis van celwaarden of een gebonden dataset, met legenda en rij-/kolomlabels. | Docs |
| Sparkline | TsgcHTMLComponent_Sparkline | Compacte inline SVG-lijn-, staaf- of vlaksparkline op basis van een waardenreeks of een gebonden dataset. | Docs |
| CandlestickChart | TsgcHTMLComponent_CandlestickChart | SVG OHLC-candlestickgrafiek met lonten, op/neer-kleuren en een optionele volumestrook. | Docs |
| QRCode | TsgcHTMLComponent_QRCode | Pure-Pascal ISO/IEC 18004 SVG QR-code van elke tekst of URL, met instelbaar foutcorrectieniveau. | Docs |
| Barcode | TsgcHTMLComponent_Barcode | Pure-Pascal Code 128 SVG-barcode van elke ASCII-tekst, met optioneel leesbaar onderschrift. | Docs |
| TreeMap | TsgcHTMLComponent_TreeMap | Squarified treemap gerenderd als een zelfstandige, server-gegenereerde inline SVG, zonder dat een grafiekbibliotheek nodig is. | Docs |
Alles wat je nodig hebt om data vast te leggen, met validatie en datasetbinding.
| Component | Klasse | Beschrijving | Help |
|---|---|---|---|
| Form | TsgcHTMLComponent_Form | Datagedreven formulierbouwer met validatie, layouts en AI-formuliergeneratie. | Docs |
| Edit | TsgcHTMLComponent_Edit | Eenregelige tekstinvoer met label, helptekst en datasetbinding. | Docs |
| Memo | TsgcHTMLComponent_Memo | Meerregelige tekstvakinvoer met label en helptekst. | Docs |
| CheckBox | TsgcHTMLComponent_CheckBox | Selectievakje-invoer met label en aangevinkte status. | Docs |
| RadioGroup | TsgcHTMLComponent_RadioGroup | Groep van elkaar uitsluitende keuzerondjes. | Docs |
| Select | TsgcHTMLComponent_Select | Select-dropdown met optiegroepen, meervoudige selectie en datasetbinding. | Docs |
| InputGroup | TsgcHTMLComponent_InputGroup | Invoer met voor- / achtervoegsel-addontekst. | Docs |
| AutoComplete | TsgcHTMLComponent_AutoComplete | Tekstinvoer ondersteund door een HTML5-datalist met suggesties. | Docs |
| DatePicker | TsgcHTMLComponent_DatePicker | Native date- / time- / datetime-invoerveld. | Docs |
| FileUpload | TsgcHTMLComponent_FileUpload | Sleep-en-neerzet bestandsuploadzone met multipart formulier-post. | Docs |
| RichEditor | TsgcHTMLComponent_RichEditor | Op Quill gebaseerde WYSIWYG rich-text-editor met verborgen formulierveld. | Docs |
| Rating | TsgcHTMLComponent_Rating | Ster- (symbool-) beoordelingsweergave of -invoer. | Docs |
| MultiSelect | TsgcHTMLComponent_MultiSelect | Een doorzoekbare Bootstrap multi-select-dropdown met chips, gegroepeerde opties en datasetbinding. | Docs |
| ColorPicker | TsgcHTMLComponent_ColorPicker | Een native HTML5-kleurinvoer met een optioneel hex-tekstveld en voorinstellingen voor kleurstalen. | Docs |
| Slider | TsgcHTMLComponent_Slider | Een Bootstrap-schuifregelaar met een live waardebadge, min/max-labels en kleurstyling. | Docs |
| TimePicker | TsgcHTMLComponent_TimePicker | Een native HTML5-tijdinvoer met min/max-grenzen en granulariteit tot op de seconde. | Docs |
| SignaturePad | TsgcHTMLComponent_SignaturePad | Een canvas-handtekeningveld op basis van pointer-events met acties Wissen, Ongedaan maken en Opslaan. | Docs |
| Transfer | TsgcHTMLComponent_Transfer | Dubbele-lijstwidget om items te verplaatsen tussen een beschikbaar en een toegewezen paneel, met filtering en datasetbinding. | Docs |
| DateTimePicker | TsgcHTMLComponent_DateTimePicker | Native HTML5 datum-en-tijdkiezer die kalender en klok in één veld combineert. | Docs |
| DateRangePicker | TsgcHTMLComponent_DateRangePicker | Gekoppelde begin- en einddatuminvoer voor het kiezen van een datumbereik, met min/max-grenzen. | Docs |
| RangeSlider | TsgcHTMLComponent_RangeSlider | Schuifregelaar met twee grepen die een laag/hoog-waardepaar selecteert, met live waardebadges. | Docs |
| CameraScanner | TsgcHTMLComponent_CameraScanner | Live camerapaneel dat barcodes en QR-codes scant met de native BarcodeDetector van de browser, zonder externe library. | Docs |
| Geolocation | TsgcHTMLComponent_Geolocation | Leest de positie van het apparaat uit met de Geolocation API van de browser, eenmalig of continu, en levert breedtegraad, lengtegraad en nauwkeurigheid aan de server via verborgen velden, een POST, een redirect of een WebSocket-bericht. | Docs |
| NumPad | TsgcHTMLComponent_NumPad | Numeriek en valuta-toetsenblok voor kassa-invoer, met snelbedragknoppen en locale-onafhankelijke notatie. | Docs |
Kaarten, media en KPI-tegels om een pagina in te delen.
| Component | Klasse | Beschrijving | Help |
|---|---|---|---|
| Panel | TsgcHTMLComponent_Panel | Bootstrap-kaartpaneel met kop / body / voettekst, inklapbaar en scrollbaar. | Docs |
| StatCard | TsgcHTMLComponent_StatCard | Dashboard KPI- / statkaart met icoon, trendpijl en optioneel verloop. | Docs |
| Accordion | TsgcHTMLComponent_Accordion | Verticaal inklappende accordeon van gestapelde uitklapbare panelen. | Docs |
| Carousel | TsgcHTMLComponent_Carousel | Diavoorstelling / carrousel met indicatoren, bediening en autoplay. | Docs |
| Image | TsgcHTMLComponent_Image | Afbeelding met vorm, responsief / lazy-load, lightbox-link en bijschrift. | Docs |
| Avatar | TsgcHTMLComponent_Avatar | Gebruikersavatar (afbeelding of initialen) met grootte, vorm en aanwezigheidsstatusstip. | Docs |
| Video | TsgcHTMLComponent_Video | HTML5 video- / audiospeler plus een YouTube-insluithelper. | Docs |
| Badge | TsgcHTMLComponent_Badge | Enkele Bootstrap-badge met kleur, pilvorm, een inline icoon en een positioneerbare meldingsstip-modus. | Docs |
| PDFViewer | TsgcHTMLComponent_PDFViewer | PDF-viewer op de pagina zelf, aangedreven door pdf.js, met paginanavigatie, zoomen, zoeken, downloaden en afdrukken. | Docs |
| Chip | TsgcHTMLComponent_Chip | Compacte chip / tag met een optioneel icoon, kleur en een verwijderbare sluitknop. | Docs |
Dialoogvensters, statusvlakken en laadtoestanden.
| Component | Klasse | Beschrijving | Help |
|---|---|---|---|
| Modal | TsgcHTMLComponent_Modal | Modaal dialoogvenster met titel / body / voettekst, formaten, gecentreerd en statische achtergrond. | Docs |
| Offcanvas | TsgcHTMLComponent_Offcanvas | Off-canvas inschuifpaneel vanaf links, rechts, boven of onder. | Docs |
| Popover | TsgcHTMLComponent_Popover | Popover-bel op een triggerelement (klik / hover / focus). | Docs |
| Toast | TsgcHTMLComponent_Toast | Toast-melding met kop, body, tijdstempel en automatisch verbergen. | Docs |
| Snackbar | TsgcHTMLComponent_Snackbar | Material-stijl tijdelijke snackbar met een optionele actie. | Docs |
| Notification | TsgcHTMLComponent_Notification | Bel-icoon dropdown-meldingscentrum met een badge voor ongelezen items. | Docs |
| Spinner | TsgcHTMLComponent_Spinner | Laadspinner (border / grow), met grootte en kleur. | Docs |
| Placeholder | TsgcHTMLComponent_Placeholder | Skelet- / placeholder-laadkaart met een geanimeerde glinstering. | Docs |
| ContextMenu | TsgcHTMLComponent_ContextMenu | Rechtsklik-dropdownmenu gekoppeld aan een CSS-selector, met iconen, scheidingslijnen, koppen en server-gerouteerde acties. | Docs |
| JobProgress | TsgcHTMLComponent_JobProgress | Live lijst van voortgangsbalken voor achtergrondtaken met statusbadges, annuleerknoppen en out-of-band fragmentupdates. | Docs |
| LogViewer | TsgcHTMLComponent_LogViewer | Streamende log-/terminalviewer met niveaufilter, zoeken en automatisch scrollen. | Docs |
| ProgressBar | TsgcHTMLComponent_ProgressBar | Bootstrap-voortgangsbalk, gestreept en geanimeerd, enkel of gestapeld multisegment. | Docs |
| CommandPalette | TsgcHTMLComponent_CommandPalette | Ctrl+K / Cmd+K snelactielauncher met eerst-substring-dan-fuzzy filtering, categorieën en server-gerouteerde acties. | Docs |
| EmptyState | TsgcHTMLComponent_EmptyState | Het paneel dat een grid, een lijst of een zoekresultaat toont wanneer er geen rijen zijn, met icoon, titel, beschrijving en tot twee knoppen. | Docs |
Conversationele UI, van eenvoudige bubbels tot een streamende AI-assistent.
| Component | Klasse | Beschrijving | Help |
|---|---|---|---|
| ChatBox | TsgcHTMLComponent_ChatBox | Kaartstijl chatbubbelvak met een invoerbalk en typindicator. | Docs |
| Chat | TsgcHTMLComponent_Chat | WhatsApp-stijl chat met tekst- / afbeelding- / bestand- / audio- / videoberichten, leesbevestigingen en antwoorden. | Docs |
| AIChat | TsgcHTMLComponent_AIChat | AI-assistentchat met provider- / modelkiezer, token-streaming en RAG-bronvermeldingen. | Docs |
| Presence | TsgcHTMLComponent_Presence | "Wie is online"-lijst als avatarstapel of lijst, met live statusupdates. | Docs |
Kant-en-klare aanmeldstromen, van wachtwoorden tot passkeys.
| Component | Klasse | Beschrijving | Help |
|---|---|---|---|
| Login | TsgcHTMLComponent_Login | Kant-en-klaar loginformulier / -pagina (kaart, gecentreerd of volledige pagina) met onthoud-mij en waarschuwingen. | Docs |
| SocialLogin | TsgcHTMLComponent_SocialLogin | OAuth social-login knoppenpaneel (Google, Facebook, Apple, GitHub, Microsoft en meer). | Docs |
| OAuthCallback | TsgcHTMLComponent_OAuthCallback | OAuth callback- / landingspagina in succes-, fout- of laadtoestand met automatische doorverwijzing. | Docs |
| WebAuthnLogin | TsgcHTMLComponent_WebAuthnLogin | Wachtwoordloze passkey- / WebAuthn-login- en registratiewidget. | Docs |
| RolesPermissions | TsgcHTMLComponent_RolesPermissions | Rol-/rechtenmatrix met een selectievakje per cel en live WebSocket-updates voor rechten. | Docs |
| UserManagement | TsgcHTMLComponent_UserManagement | Gebruikersbeheertabel met rollen, status, zoeken en een acties-dropdown per rij. | Docs |
| ImpersonateBanner | TsgcHTMLComponent_ImpersonateBanner | Beheerdersimpersonatiebanner die wordt getoond terwijl je als een andere gebruiker handelt, met uitgang in één klik. | Docs |
Meters, lampjes, displays, operatorbediening, realtime trends en procesdiagrammen die de server live houdt in de browser. Gewone HTML en inline SVG, geen JavaScript-bibliotheek.
| Component | Klasse | Beschrijving | Help |
|---|---|---|---|
| LinearGauge | TsgcHTMLComponent_LinearGauge | Rechte SVG-meter getekend als een balk, een thermometer of een tank, met een schaalverdeling, gekleurde zones en een waarde-uitlezing. | Docs |
| LED | TsgcHTMLComponent_LED | Aan/uit-indicatorlampje, rond of vierkant, met optionele gloed, knipperen en bijschrift. | Docs |
| LEDBar | TsgcHTMLComponent_LEDBar | Gesegmenteerde LED-balkgrafiek, de klassieke niveaumeter opgebouwd uit losse lampjes. | Docs |
| SegmentDisplay | TsgcHTMLComponent_SegmentDisplay | Tekst weergegeven als een 7-segments- of 14-segments-LED-display, met schaduwsegmenten en een optionele cursieve schuinstand. | Docs |
| Odometer | TsgcHTMLComponent_Odometer | Mechanische teller waarvan de cijferwielen naar de nieuwe waarde doldraaien. | Docs |
| AnalogClock | TsgcHTMLComponent_AnalogClock | Analoge klokwijzerplaat met uur-, minuut- en secondewijzer, statisch of tikkend in de browser. | Docs |
| Compass | TsgcHTMLComponent_Compass | Kompas of koersindicator met een draaiende roos of een draaiende naald, en een optionele doelmarkering. | Docs |
| VUMeter | TsgcHTMLComponent_VUMeter | Audio-VU-meter in decibel, als klassieke naaldmeter of als balk, met optionele piekvasthouding. | Docs |
| Knob | TsgcHTMLComponent_Knob | Draaiknop bediend met de muisaanwijzer, het toetsenbord of het muiswiel, die de gekozen waarde verstuurt. | Docs |
| ToggleSwitch | TsgcHTMLComponent_ToggleSwitch | Aan/uit-schakelaar, als schuifschakelaar of industriële tuimelschakelaar, die 1 of 0 verstuurt bij het omzetten. | Docs |
| PushButton | TsgcHTMLComponent_PushButton | Opdrachtknop met statuslampje, als klik- of momentane (ingedrukt houden) knop, met optionele bevestiging in de pagina. | Docs |
| NumericStepper | TsgcHTMLComponent_NumericStepper | Numeriek invoerveld met knoppen om te verlagen en te verhogen die herhalen zolang ze ingedrukt blijven, begrensd tot het bereik. | Docs |
| StripChart | TsgcHTMLComponent_StripChart | Scrollende strookdiagram met meerdere pennen op een canvas, zoals een schrijverregistratie, live gevoed met metingen die de server pusht. | Docs |
| Oscilloscope | TsgcHTMLComponent_Oscilloscope | Oscilloscoopscherm met een rasterverdeling, schaal per kanaal, flanktrigger en optionele fosforpersistentie. | Docs |
| Annunciator | TsgcHTMLComponent_Annunciator | Alarmmeldingspaneel: een raster van tegels met bijschrift die per status oplichten en door de operator kunnen worden bevestigd. | Docs |
| SCADAPanel | TsgcHTMLComponent_SCADAPanel | Procesmimicdiagram (tanks, kleppen, pompen, motoren, ventilatoren, warmtewisselaars, sensoren en leidingen) als SVG, met live status, stromingsanimatie en klikbare symbolen. | Docs |
| MQTT-binding | TsgcHTMLInstrumentsMQTTBinder | Koppelt MQTT-topics aan instrumenten zonder code: elk bericht op een gekoppeld topic werkt het instrument bij en zendt het live fragment uit naar de browsers. | Docs |
| Instruments binder | TsgcHTMLInstrumentsBinder | Dezelfde koppelingen zonder transportlaag: geef berichten door aan ProcessMessage vanuit elke bron (AMQP, Kafka, een eigen client). | Docs |
De Gauge is ook uitgebreid: naast de halfronde meter tekent hij nu ook een schaal van 90, 180 of 270 graden met schaalstreepjes, gekleurde zones en een naald, en werkt hij live bij zoals elk ander instrument. Bekijk ze in actie in de online demo's Instrumenten en SCADA / IoT.
De niet-visuele onderdelen die de pagina's serveren en live houden.
| Component | Klasse | Beschrijving | Help |
|---|---|---|---|
| EngineServer | TsgcHTMLEngine_Server | HTML-engine gekoppeld aan een TsgcWebSocketHTTPServer die gerenderde pagina's en ingesloten assets serveert. | Docs |
| HTMXEngine | TsgcHTMX_Engine_Server | htmx-engine gekoppeld aan dezelfde server. Het haakt in op de HTTP- en WebSocket-handlers, dispatcht binnenkomende verzoeken en berichten en pusht of broadcast HTML-fragmenten in realtime naar verbonden browsers (DispatchRequest, DispatchMessage, PushFragment, BroadcastFragment). | Docs |
| PageBuilder | TsgcHTMLPageBuilder | Voegt geregistreerde componenten samen tot een complete responsieve pagina, met een visuele editor tijdens design-time. | Docs |
| TemplateBootstrap | TsgcHTMLTemplate_Bootstrap | Verpakt body-inhoud in een volledig Bootstrap 5 HTML-document met thema, taal en richting. | Docs |
| ThemeController | TsgcHTMLThemeController | Runtime thema-wisselaar waarvan de eigenschap Theme (ptDefault, ptDark, ptDarkPro) het geselecteerde thema en de gedeelde stylesheet op de pagina toepast. | Docs |
| ThemeBuilder | TsgcHTMLThemeBuilder | CSS-generator waarvan Mode (tmLight, tmDark, tmSystem) Bootstrap CSS-variabelen schrijft op basis van eigenschapswaarden, met een optioneel OS-voorkeur-synchronisatiescript voor tmSystem. | Docs |
| HTMXFragment | TsgcHTMX_Fragment | Out-of-band htmx-fragment voor het pushen van een gedeeltelijke pagina-update van de server naar de browser. | Docs |
| HTMXRouter | TsgcHTMX_Router | Routeringstabel van Routes die een binnenkomend verzoekpad matcht en het (via HandleRequest) doorstuurt naar de OnRoute-handler van die route. | Docs |
Deze komen bovenop de 110 hierboven genoemde componenten en zijn niet in de aantallen per familie opgenomen.
| Component | Klasse | Beschrijving | Help |
|---|---|---|---|
| CRUD | TsgcHTMLComponent_CRUD | De lijst met zoekfunctie en paginering, het formulier voor aanmaken en bewerken, de bevestiging van verwijderen en het schrijfpad van één tabel, op basis van een dataset of van je eigen SQL via een adapter met zes methoden. | Docs |
| NotificationInbox | TsgcHTMLComponent_NotificationInbox | Een bel met een ongelezen-badge en de meldingen van één gebruiker. Je applicatie beantwoordt één gebeurtenis met de rijen die ze bewaart en krijgt te horen wat de gebruiker las. | Docs |
| NotificationPreferences | TsgcHTMLComponent_NotificationPreferences | Een tabel met één rij per categorie en één selectievakje per kanaal (in app, push, e-mail). Je applicatie laadt en bewaart de waarden. | Docs |
| WebPush | TsgcHTMLWebPush | Web Push met VAPID: valideert de abonnementen die een browser post, geeft ze door aan je applicatie en verstuurt versleutelde meldingen naar een browser die niet draait. Enterprise- en All-Access-edities. | Docs |
| Auth | TsgcHTMLAuth | Cookiesessies, onthoud-mij, CSRF-tokens, beperking van inlogpogingen en routebeveiliging op basis van login en rol, bovenop een sessieopslag in het geheugen of in een bestand. | Docs |
| MCPApp | TsgcHTMLComponent_MCPApp | Een MCP-tool die antwoordt met een pagina, zodat de componenten die je al gebruikt renderen binnen ChatGPT, Claude en VS Code. | Docs |
| AIAssistant | TsgcHTMLAIAssistant | Zet een vraag in gewone taal om in een gevalideerde set filters, sorteringen, groeperingen en markeringen voor een raster, een datatabel, een pivot of een formulier. Een ingebouwde parser antwoordt wanneer er geen provider is geconfigureerd. | Docs |
| InlineAIPrompt | TsgcHTMLComponent_InlineAIPrompt | Een popover naast een memo, een rich editor of een rasterkolom die de assistent bevraagt en het antwoord alleen doorgeeft wanneer de gebruiker het accepteert. | Docs |
Wat de engine, de paginasjabloon en de designer erbij kregen. Elke optie staat standaard uit, dus een pagina die er geen gebruikt, wordt niet beïnvloed.
| Mogelijkheid | Wat het toevoegt | Help |
|---|---|---|
| Routing | Padsjablonen met {name}-segmenten, een Methods-filter per route, RequireLogin en RequireRoles, en transportneutrale dispatch, zodat een route hetzelfde draait via HTTP, via de WebSocket of in een test. | Docs |
| Navigatie en live-updates | Acht opties van de paginasjabloon die een server-side gerenderde site omzetten in een single-page-applicatie zonder eigen JavaScript: boosted links en formulieren, geschiedenis, morph swaps, view transitions, een laadbalk, herstel van de scrollpositie, vergrendeling van verzenden en een foutmelding als toast. Alle staan standaard uit. | Docs |
| WebSocket of SSE | Live-updates via Server-Sent Events in plaats van een WebSocket, of een automatische keuze die terugvalt op de eventstream wanneer de WebSocket niet kan openen. De markup, de routes en de fragmenten blijven hetzelfde. | Docs |
| AI Data Pack | Bevraag een raster, een datatabel, een pivot of een formulier in gewone taal en pas alleen toe wat een validator heeft doorgelaten. Het model ontvangt kolomnamen, typen en drie voorbeeldwaarden, en rijen alleen wanneer je AllowRowDataToProvider inschakelt. Een provider heeft de AI-units van de Enterprise- of All-Access-editie of het sgcAI-pack nodig, en een ingebouwde parser antwoordt zonder provider. | Docs |
| AI-paginagenerator | Beschrijf in de designer een pagina of geef er een screenshot aan, en die bouwt de pagina op uit je geregistreerde componenten via een schema dat niets anders kan noemen. Er wordt niets toegepast tot je het accepteert. De provider heeft dezelfde AI-units nodig. | Docs |
| ASP.NET Core Razor (.NET) | Tag Helpers in de stijl van Telerik en DevExpress, <sgc-grid>, <sgc-form>, <sgc-autocomplete>, <sgc-dialog> en <sgc-chart>, met fluent tegenhangers onder Html.Sgc(). Het grid pagineert, sorteert, filtert, doorzoekt en exporteert over een IQueryable met this.SgcGrid(request, query), invoer bindt met asp-for, en live grafieken worden gepusht met hub.BroadcastChartAsync via de sgcHTML WebSocket, zonder SignalR. In het NuGet-pakket esegece.sgcHTML.AspNetCore, inclusief de Community-editie. | Overzicht |
| Rechts-naar-links-lay-out | Arabisch, Hebreeuws, Perzisch, Urdu en de andere rechts-naar-links-talen worden gerenderd met dir="rtl" en de RTL-stylesheet van Bootstrap, en de componenten spiegelen mee: zijbalk en icon rail van de site, steppers, tijdlijn, chat, presence, boomstructuur, slider, splitter, het aanpassen van kolombreedtes en vergrendelde kolommen in het grid, meldingen, avatars en het kanbanbord. Grafieken, gauges, instrumenten en de tijdas van het Gantt-diagram behouden hun geometrie. De richting volgt automatisch de taal, Dir en HtmlDir overschrijven die, en links-naar-rechts-pagina's worden niet beïnvloed. | Docs |
| Testing | Deterministische element-id's, een kleine DOM met CSS-selectors, HTML-asserties, snapshotbestanden en verzoektests zonder server, zonder dat een testframework nodig is. | Docs |
Elke mogelijkheid die op deze pagina staat, wordt door een van deze applicaties in de praktijk gebracht.
Gebruikers kiezen dimensies en meetwaarden; de kruistabel wordt opnieuw opgebouwd uit een TFDQuery.
Open de live demo →
Zoeken tijdens het typen en inline bewerken, ingewisseld als fragmenten zonder de pagina te herladen.
Open de live demo →
Dezelfde componenten renderen een handscanner-lay-out op telefoonbreedte.
Open de live demo →Online demo's: AI-datapakket, Winkelassistent, MCP-apps, Instrumenten, SCADA / IoT en Rechts-naar-links (RTL).