Kreator tabel przestawnych ad hoc
Użytkownicy wybierają wymiary i miary, a tabela krzyżowa jest przebudowywana z TFDQuery.
Otwórz demo na żywo →Każdy komponent w bibliotece, pogrupowany w dziesięć rodzin. Każdy z nich renderuje się do znaczników Bootstrap 5 i działa tak samo w Delphi, C++ Builder i .NET. Większość z nich jest powiązana z danymi (data-aware) i wiąże się bezpośrednio z TDataSet przez LoadFromDataSet / DataSource (lub równoważne źródło w .NET). Kliknij komponent, aby przejść do jego strony z opisem zastosowania i przykładami. Wszystkie komponenty stosują automatyczne kodowanie wyjścia HTML, atrybutów, JavaScript i adresów URL oraz oczyszczanie adresów URL, dzięki czemu dynamiczna treść jest domyślnie ekranowana, aby chronić przed XSS i wstrzyknięciami.
8 komponentów, 8 możliwości
14 komponentów
11 komponentów
10 komponentów
24 komponentów
10 komponentów
14 komponentów
4 komponenty
7 komponentów
16 komponentów, powiązanie MQTT
8 klas
Siatki, kalendarze i tablice renderujące Twoje zestawy danych bezpośrednio.
| Komponent | Klasa | Opis | Pomoc |
|---|---|---|---|
| Grid | TsgcHTMLComponent_Grid | Rozbudowana tabela: sortowanie, filtrowanie, eksport CSV/PDF, edycja w miejscu, grupowanie, wirtualne przewijanie i zapytania AI. | Docs |
| DataTable | TsgcHTMLComponent_DataTable | Tabela danych wyższego poziomu opakowująca Grid + Pagination z paskiem narzędzi, wyszukiwaniem i licznikiem wierszy. | Docs |
| Calendar | TsgcHTMLComponent_Calendar | Kalendarz w układzie miesięcznym z kropkami wydarzeń i nawigacją poprzedni/następny. | Docs |
| Scheduler | TsgcHTMLComponent_Scheduler | Harmonogram kalendarza (widoki miesiąc / tydzień) renderujący wydarzenia według daty. | Docs |
| Timeline | TsgcHTMLComponent_Timeline | Pionowa oś czasu datowanych wydarzeń, ładowalna z zestawu danych. | Docs |
| KanbanBoard | TsgcHTMLComponent_KanbanBoard | Tablica Kanban z kolumnami i przeciąganymi kartami. | Docs |
| Gantt | TsgcHTMLComponent_Gantt | Wykres Gantta osi czasu projektu z paskami postępu zadań. | Docs |
| TreeGrid | TsgcHTMLComponent_TreeGrid | Tabela Bootstrap ze zwijanymi, hierarchicznymi wierszami zbudowanymi z par węzłów Id/ParentId. | Docs |
| PivotTable | TsgcHTMLComponent_PivotTable | Tabela przestawna Bootstrap grupująca wiersze i kolumny oraz agregująca miary z sumami wierszy, kolumn i sumą całkowitą. | Docs |
| ActivityFeed | TsgcHTMLComponent_ActivityFeed | Aktualizowany na żywo strumień aktywności (od najnowszych) ze znacznikami czasu względnego i wypychaniem danych WebSocket poza pasmem (out-of-band). | Docs |
| AuditTrail | TsgcHTMLComponent_AuditTrail | Chronologiczny strumień dziennika audytu działań użytkownika i systemu z podmiotem, akcją, celem i znacznikiem czasu. | Docs |
Wizualizacje sterowane danymi, zbudowane z Twoich własnych liczb.
| Komponent | Klasa | Opis | Pomoc |
|---|---|---|---|
| Chart | TsgcHTMLComponent_Chart | Wykres Chart.js: liniowy, słupkowy, kołowy, pierścieniowy, radarowy, polarny, bąbelkowy i punktowy. | Docs |
| Gauge | TsgcHTMLComponent_Gauge | Półkolisty wskaźnik SVG z progami kolorów niski / średni / wysoki, albo skala o kącie 90, 180 lub 270 stopni z podziałką, kolorowymi zakresami i wskazówką. | Docs |
| Diagram | TsgcHTMLComponent_Diagram | Diagram przepływu z węzłami i strzałkami renderowany jako wbudowany SVG. | Docs |
| Map | TsgcHTMLComponent_Map | Interaktywna mapa Leaflet.js (kafelki OpenStreetMap / CartoDB) ze znacznikami. | Docs |
| Heatmap | TsgcHTMLComponent_Heatmap | Siatka mapy cieplnej SVG skalowana kolorem na podstawie wartości komórek lub powiązanego zestawu danych, z legendą i etykietami wierszy/kolumn. | Docs |
| Sparkline | TsgcHTMLComponent_Sparkline | Kompaktowy wykres iskrowy (sparkline) SVG liniowy, słupkowy lub obszarowy z serii wartości lub powiązanego zestawu danych. | Docs |
| CandlestickChart | TsgcHTMLComponent_CandlestickChart | Wykres świecowy OHLC SVG z knotami, kolorami wzrostu/spadku i opcjonalnym paskiem wolumenu. | Docs |
| QRCode | TsgcHTMLComponent_QRCode | Kod QR SVG ISO/IEC 18004 w czystym Pascalu z dowolnego tekstu lub adresu URL, z wybieralnym poziomem korekcji błędów. | Docs |
| Barcode | TsgcHTMLComponent_Barcode | Kod kreskowy Code 128 SVG w czystym Pascalu z dowolnego tekstu ASCII, z opcjonalnym czytelnym dla człowieka podpisem. | Docs |
| TreeMap | TsgcHTMLComponent_TreeMap | Mapa drzewa (treemap) typu squarified renderowana jako samodzielny, generowany po stronie serwera inline SVG, bez potrzeby biblioteki wykresów. | Docs |
Wszystko, czego potrzebujesz do zbierania danych, z walidacją i wiązaniem z zestawem danych.
| Komponent | Klasa | Opis | Pomoc |
|---|---|---|---|
| Form | TsgcHTMLComponent_Form | Kreator formularzy sterowany danymi z walidacją, układami i generowaniem formularzy przez AI. | Docs |
| Edit | TsgcHTMLComponent_Edit | Jednowierszowe pole tekstowe z etykietą, tekstem pomocy i wiązaniem z zestawem danych. | Docs |
| Memo | TsgcHTMLComponent_Memo | Wielowierszowe pole tekstowe z etykietą i tekstem pomocy. | Docs |
| CheckBox | TsgcHTMLComponent_CheckBox | Pole wyboru z etykietą i stanem zaznaczenia. | Docs |
| RadioGroup | TsgcHTMLComponent_RadioGroup | Grupa wzajemnie wykluczających się opcji radiowych. | Docs |
| Select | TsgcHTMLComponent_Select | Lista rozwijana z grupami opcji, wyborem wielokrotnym i wiązaniem z zestawem danych. | Docs |
| InputGroup | TsgcHTMLComponent_InputGroup | Pole z dodatkiem tekstowym z przodu / na końcu. | Docs |
| AutoComplete | TsgcHTMLComponent_AutoComplete | Pole tekstowe oparte na liście datalist HTML5 z sugestiami. | Docs |
| DatePicker | TsgcHTMLComponent_DatePicker | Natywne pole wprowadzania daty / godziny / daty i godziny. | Docs |
| FileUpload | TsgcHTMLComponent_FileUpload | Strefa przesyłania plików metodą przeciągnij i upuść z wysyłką formularza multipart. | Docs |
| RichEditor | TsgcHTMLComponent_RichEditor | Edytor tekstu sformatowanego WYSIWYG oparty na Quill z ukrytym polem formularza. | Docs |
| Rating | TsgcHTMLComponent_Rating | Wyświetlanie lub wprowadzanie oceny w postaci gwiazdek (symboli). | Docs |
| MultiSelect | TsgcHTMLComponent_MultiSelect | Przeszukiwalna lista rozwijana Bootstrap z wielokrotnym wyborem, plakietkami (chips), grupowanymi opcjami i wiązaniem z zestawem danych. | Docs |
| ColorPicker | TsgcHTMLComponent_ColorPicker | Natywne pole wyboru koloru HTML5 z opcjonalnym polem tekstowym hex i gotowymi próbkami kolorów. | Docs |
| Slider | TsgcHTMLComponent_Slider | Suwak zakresu Bootstrap z plakietką wartości na żywo, etykietami min/maks i kolorystyką. | Docs |
| TimePicker | TsgcHTMLComponent_TimePicker | Natywne pole wyboru godziny HTML5 z granicami min/maks i dokładnością co do sekundy. | Docs |
| SignaturePad | TsgcHTMLComponent_SignaturePad | Pole podpisu na canvasie oparte na zdarzeniach wskaźnika, z akcjami Wyczyść, Cofnij i Zapisz. | Docs |
| Transfer | TsgcHTMLComponent_Transfer | Widżet dwóch list do przenoszenia elementów między panelem dostępnych i przypisanych, z filtrowaniem i wiązaniem z zestawem danych. | Docs |
| DateTimePicker | TsgcHTMLComponent_DateTimePicker | Natywne pole wyboru daty i godziny HTML5 łączące kalendarz i zegar w jednym polu. | Docs |
| DateRangePicker | TsgcHTMLComponent_DateRangePicker | Sparowane pola daty początkowej i końcowej do wyboru zakresu dat, z granicami min/maks. | Docs |
| RangeSlider | TsgcHTMLComponent_RangeSlider | Suwak z dwoma uchwytami wybierający parę wartości dolna/górna, z plakietkami wartości na żywo. | Docs |
| CameraScanner | TsgcHTMLComponent_CameraScanner | Panel kamery na żywo skanujący kody kreskowe i kody QR natywnym BarcodeDetector przeglądarki, bez bibliotek firm trzecich. | Docs |
| Geolocation | TsgcHTMLComponent_Geolocation | Odczytuje pozycję urządzenia przez Geolocation API przeglądarki, jednorazowo lub w sposób ciągły, i przekazuje szerokość, długość geograficzną oraz dokładność na serwer przez ukryte pola, POST, przekierowanie lub komunikat WebSocket. | Docs |
| NumPad | TsgcHTMLComponent_NumPad | Dotykowa klawiatura numeryczna i walutowa do wprowadzania danych w punkcie sprzedaży, z przyciskami szybkich kwot i formatowaniem niezależnym od ustawień regionalnych. | Docs |
Karty, multimedia i kafelki KPI do rozplanowania strony.
| Komponent | Klasa | Opis | Pomoc |
|---|---|---|---|
| Panel | TsgcHTMLComponent_Panel | Karta panelu Bootstrap z nagłówkiem / treścią / stopką, zwijana i przewijalna. | Docs |
| StatCard | TsgcHTMLComponent_StatCard | Karta KPI / statystyki dla pulpitu z ikoną, strzałką trendu i opcjonalnym gradientem. | Docs |
| Accordion | TsgcHTMLComponent_Accordion | Pionowo zwijana harmonijka ułożonych w stos rozwijanych paneli. | Docs |
| Carousel | TsgcHTMLComponent_Carousel | Pokaz slajdów / karuzela obrazów ze wskaźnikami, sterowaniem i autoodtwarzaniem. | Docs |
| Image | TsgcHTMLComponent_Image | Obraz z kształtem, responsywnością / leniwym ładowaniem, linkiem lightbox i podpisem. | Docs |
| Avatar | TsgcHTMLComponent_Avatar | Awatar użytkownika (obraz lub inicjały) z rozmiarem, kształtem i kropką statusu obecności. | Docs |
| Video | TsgcHTMLComponent_Video | Odtwarzacz wideo / audio HTML5 wraz z pomocnikiem do osadzania YouTube. | Docs |
| Badge | TsgcHTMLComponent_Badge | Pojedyncza plakietka Bootstrap z kolorem, kształtem pigułki, ikoną w linii i trybem pozycjonowanej kropki powiadomienia. | Docs |
| PDFViewer | TsgcHTMLComponent_PDFViewer | Wbudowana przeglądarka PDF oparta na pdf.js, z nawigacją po stronach, powiększeniem, wyszukiwaniem, pobieraniem i drukowaniem. | Docs |
| Chip | TsgcHTMLComponent_Chip | Kompaktowy element chip / tag z opcjonalną ikoną, kolorem i przyciskiem zamknięcia do usunięcia. | Docs |
Okna dialogowe, powierzchnie statusu i stany ładowania.
| Komponent | Klasa | Opis | Pomoc |
|---|---|---|---|
| Modal | TsgcHTMLComponent_Modal | Modalne okno dialogowe z tytułem / treścią / stopką, rozmiarami, wyśrodkowane i ze statycznym tłem. | Docs |
| Offcanvas | TsgcHTMLComponent_Offcanvas | Wysuwany panel off-canvas z lewej, prawej, góry lub dołu. | Docs |
| Popover | TsgcHTMLComponent_Popover | Dymek popover na elemencie wyzwalającym (kliknięcie / najechanie / fokus). | Docs |
| Toast | TsgcHTMLComponent_Toast | Powiadomienie toast z nagłówkiem, treścią, znacznikiem czasu i automatycznym ukrywaniem. | Docs |
| Snackbar | TsgcHTMLComponent_Snackbar | Przejściowy snackbar w stylu Material z opcjonalną akcją. | Docs |
| Notification | TsgcHTMLComponent_Notification | Centrum powiadomień w postaci rozwijanego dzwonka z plakietką nieprzeczytanych. | Docs |
| Spinner | TsgcHTMLComponent_Spinner | Wskaźnik ładowania (border / grow), z rozmiarem i kolorem. | Docs |
| Placeholder | TsgcHTMLComponent_Placeholder | Karta ładowania typu szkielet / placeholder z animowanym połyskiem. | Docs |
| ContextMenu | TsgcHTMLComponent_ContextMenu | Menu rozwijane po kliknięciu prawym przyciskiem myszy, ograniczone do selektora CSS, z ikonami, separatorami, nagłówkami i akcjami kierowanymi po stronie serwera. | Docs |
| JobProgress | TsgcHTMLComponent_JobProgress | Aktualizowana na żywo lista pasków postępu zadań w tle z plakietkami statusu, przyciskami anulowania i aktualizacjami fragmentów poza pasmem (out-of-band). | Docs |
| LogViewer | TsgcHTMLComponent_LogViewer | Strumieniowa przeglądarka logów / terminala z filtrem poziomu, wyszukiwaniem i automatycznym przewijaniem. | Docs |
| ProgressBar | TsgcHTMLComponent_ProgressBar | Pasek postępu Bootstrap, w paski i animowany, pojedynczy lub wieloczęściowy skumulowany. | Docs |
| CommandPalette | TsgcHTMLComponent_CommandPalette | Launcher szybkich akcji Ctrl+K / Cmd+K z filtrowaniem najpierw po podciągu, a potem rozmytym, kategoriami i akcjami kierowanymi po stronie serwera. | Docs |
| EmptyState | TsgcHTMLComponent_EmptyState | Panel wyświetlany przez siatkę, listę lub wynik wyszukiwania, gdy nie ma żadnych wierszy, z ikoną, tytułem, opisem i do dwóch przycisków. | Docs |
Interfejs konwersacyjny, od prostych dymków po strumieniujący asystent AI.
| Komponent | Klasa | Opis | Pomoc |
|---|---|---|---|
| ChatBox | TsgcHTMLComponent_ChatBox | Okno czatu w stylu karty z dymkami, paskiem wprowadzania i wskaźnikiem pisania. | Docs |
| Chat | TsgcHTMLComponent_Chat | Czat w stylu WhatsApp z wiadomościami tekst / obraz / plik / audio / wideo, potwierdzeniami odczytu i odpowiedziami. | Docs |
| AIChat | TsgcHTMLComponent_AIChat | Czat z asystentem AI z wyborem dostawcy / modelu, strumieniowaniem tokenów i cytowaniem źródeł RAG. | Docs |
| Presence | TsgcHTMLComponent_Presence | Lista "kto jest online" w formie stosu awatarów lub listy, z aktualizacjami statusu na żywo. | Docs |
Gotowe procesy logowania, od haseł po klucze passkey.
| Komponent | Klasa | Opis | Pomoc |
|---|---|---|---|
| Login | TsgcHTMLComponent_Login | Gotowy formularz / strona logowania (karta, wyśrodkowana lub pełnoekranowa) z opcją zapamiętania mnie i alertami. | Docs |
| SocialLogin | TsgcHTMLComponent_SocialLogin | Panel przycisków logowania społecznościowego OAuth (Google, Facebook, Apple, GitHub, Microsoft i więcej). | Docs |
| OAuthCallback | TsgcHTMLComponent_OAuthCallback | Strona zwrotna / docelowa OAuth w stanie sukcesu, błędu lub ładowania z automatycznym przekierowaniem. | Docs |
| WebAuthnLogin | TsgcHTMLComponent_WebAuthnLogin | Widżet logowania i rejestracji bez hasła przy użyciu klucza passkey / WebAuthn. | Docs |
| RolesPermissions | TsgcHTMLComponent_RolesPermissions | Matryca ról / uprawnień z polem wyboru dla każdej komórki i aktualizacjami nadań na żywo przez WebSocket. | Docs |
| UserManagement | TsgcHTMLComponent_UserManagement | Tabela administracji użytkownikami z rolami, statusem, wyszukiwaniem i rozwijanym menu akcji dla każdego wiersza. | Docs |
| ImpersonateBanner | TsgcHTMLComponent_ImpersonateBanner | Baner personifikacji administratora wyświetlany podczas działania jako inny użytkownik, z wyjściem jednym kliknięciem. | Docs |
Wskaźniki, lampki, wyświetlacze, elementy sterujące operatora, trendy w czasie rzeczywistym i diagramy procesowe, które serwer utrzymuje na żywo w przeglądarce. Zwykły HTML i wbudowany SVG, bez biblioteki JavaScript.
| Komponent | Klasa | Opis | Pomoc |
|---|---|---|---|
| LinearGauge | TsgcHTMLComponent_LinearGauge | Prosty wskaźnik SVG rysowany jako pasek, termometr lub zbiornik, ze skalą z podziałką, kolorowymi zakresami i odczytem wartości. | Dokumentacja |
| LED | TsgcHTMLComponent_LED | Lampka wskaźnikowa on/off, okrągła lub kwadratowa, z opcjonalną poświatą, miganiem i podpisem. | Dokumentacja |
| LEDBar | TsgcHTMLComponent_LEDBar | Segmentowy wskaźnik słupkowy LED, klasyczny miernik poziomu złożony z pojedynczych lampek. | Dokumentacja |
| SegmentDisplay | TsgcHTMLComponent_SegmentDisplay | Tekst wyświetlany jako 7-segmentowy lub 14-segmentowy wyświetlacz LED, z segmentami-widmami i opcjonalnym pochyleniem kursywy. | Dokumentacja |
| Odometer | TsgcHTMLComponent_Odometer | Licznik mechaniczny, którego bębny cyfrowe obracają się do nowej wartości. | Dokumentacja |
| AnalogClock | TsgcHTMLComponent_AnalogClock | Tarcza zegara analogowego ze wskazówkami godzinową, minutową i sekundową, statyczna lub tykająca w przeglądarce. | Dokumentacja |
| Compass | TsgcHTMLComponent_Compass | Kompas lub wskaźnik kursu z obracającą się różą wiatrów lub obracającą się wskazówką oraz opcjonalnym znacznikiem celu. | Dokumentacja |
| VUMeter | TsgcHTMLComponent_VUMeter | Miernik audio VU w decybelach, jako klasyczny miernik wskazówkowy lub jako pasek, z opcjonalnym przytrzymaniem szczytu. | Dokumentacja |
| Knob | TsgcHTMLComponent_Knob | Pokrętło obracane wskaźnikiem, klawiaturą lub kółkiem myszy, które wysyła wybraną wartość. | Dokumentacja |
| ToggleSwitch | TsgcHTMLComponent_ToggleSwitch | Przełącznik on/off, jako suwak lub przemysłowy przełącznik kołyskowy, który wysyła 1 lub 0 po przełączeniu. | Dokumentacja |
| PushButton | TsgcHTMLComponent_PushButton | Przycisk poleceń z lampką stanu, jako przycisk klikany lub chwilowy (przytrzymaj, aby uruchomić), z opcjonalnym potwierdzeniem na stronie. | Dokumentacja |
| NumericStepper | TsgcHTMLComponent_NumericStepper | Pole liczbowe z przyciskami zmniejszania i zwiększania, które powtarzają działanie przy przytrzymaniu, ograniczone do swojego zakresu. | Dokumentacja |
| StripChart | TsgcHTMLComponent_StripChart | Przewijany wielokanałowy rejestrator taśmowy na kanwie, jak rejestrator kreślący, zasilany na żywo próbkami wysyłanymi z serwera. | Dokumentacja |
| Oscilloscope | TsgcHTMLComponent_Oscilloscope | Ekran oscyloskopu z siatką podziałek, skalą na kanał, wyzwalaniem zboczem i opcjonalną persystencją fosforu. | Dokumentacja |
| Annunciator | TsgcHTMLComponent_Annunciator | Panel sygnalizacji alarmowej: siatka podpisanych kafelków, które zapalają się według stanu i mogą zostać potwierdzone przez operatora. | Dokumentacja |
| SCADAPanel | TsgcHTMLComponent_SCADAPanel | Diagram procesowy (zbiorniki, zawory, pompy, silniki, wentylatory, wymienniki ciepła, czujniki i rurociągi) jako SVG, z aktualnym stanem na żywo, animacją przepływu i klikalnymi symbolami. | Dokumentacja |
| MQTT binding | TsgcHTMLInstrumentsMQTTBinder | Mapuje tematy MQTT na przyrządy bez kodu: każdy komunikat na powiązanym temacie aktualizuje przyrząd i rozgłasza jego żywy fragment do przeglądarek. | Dokumentacja |
| Instruments binder | TsgcHTMLInstrumentsBinder | Te same powiązania bez transportu: przekazuj komunikaty do ProcessMessage z dowolnego źródła (AMQP, Kafka, niestandardowy klient). | Dokumentacja |
Rozszerzono też Gauge: oprócz wskaźnika półokrągłego rysuje teraz skalę o kącie 90, 180 lub 270 stopni z podziałką, kolorowymi zakresami i wskazówką, i aktualizuje się na żywo jak każdy inny przyrząd. Zobacz je w działaniu w demach online Instruments i SCADA / IoT.
Niewizualne elementy, które obsługują strony i utrzymują je na żywo.
| Komponent | Klasa | Opis | Pomoc |
|---|---|---|---|
| EngineServer | TsgcHTMLEngine_Server | Silnik HTML powiązany z TsgcWebSocketHTTPServer, który obsługuje wyrenderowane strony i wbudowane zasoby. | Docs |
| HTMXEngine | TsgcHTMX_Engine_Server | Silnik htmx podłączony do tego samego serwera. Podłącza się pod procedury obsługi HTTP i WebSocket, rozdziela przychodzące żądania i wiadomości oraz wypycha lub rozgłasza fragmenty HTML do podłączonych przeglądarek w czasie rzeczywistym (DispatchRequest, DispatchMessage, PushFragment, BroadcastFragment). | Docs |
| PageBuilder | TsgcHTMLPageBuilder | Składa zarejestrowane komponenty w kompletną responsywną stronę (z wizualnym edytorem działającym w czasie projektowania). | Docs |
| TemplateBootstrap | TsgcHTMLTemplate_Bootstrap | Opakowuje treść strony w pełny dokument HTML Bootstrap 5 z motywem, językiem i kierunkiem. | Docs |
| ThemeController | TsgcHTMLThemeController | Przełącznik motywu w czasie działania, którego właściwość Theme (ptDefault, ptDark, ptDarkPro) stosuje wybrany motyw i wspólny arkusz stylów do strony. | Docs |
| ThemeBuilder | TsgcHTMLThemeBuilder | Generator CSS, którego Mode (tmLight, tmDark, tmSystem) zapisuje zmienne CSS Bootstrap na podstawie wartości właściwości, z opcjonalnym skryptem synchronizacji z preferencją systemu operacyjnego dla tmSystem. | Docs |
| HTMXFragment | TsgcHTMX_Fragment | Fragment htmx out-of-band do wypychania częściowej aktualizacji strony z serwera do przeglądarki. | Docs |
| HTMXRouter | TsgcHTMX_Router | Tabela routingu Routes, która dopasowuje ścieżkę przychodzącego żądania i przekazuje je (przez HandleRequest) do procedury obsługi OnRoute danej trasy. | Docs |
Są one dodatkiem do 110 komponentów wymienionych powyżej i nie wchodzą do liczb w rodzinach.
| Komponent | Klasa | Opis | Pomoc |
|---|---|---|---|
| CRUD | TsgcHTMLComponent_CRUD | Lista z wyszukiwaniem i paginacją, formularz tworzenia i edycji, potwierdzenie usunięcia oraz ścieżka zapisu jednej tabeli, nad zestawem danych lub nad własnym SQL przez adapter z sześcioma metodami. | Docs |
| NotificationInbox | TsgcHTMLComponent_NotificationInbox | Dzwonek z plakietką nieprzeczytanych i powiadomieniami jednego użytkownika. Twoja aplikacja odpowiada na jedno zdarzenie wierszami, które przechowuje, i dowiaduje się, co użytkownik przeczytał. | Docs |
| NotificationPreferences | TsgcHTMLComponent_NotificationPreferences | Tabela z jednym wierszem na kategorię i jednym polem wyboru na kanał (w aplikacji, push, e-mail). Twoja aplikacja wczytuje i zapisuje wartości. | Docs |
| WebPush | TsgcHTMLWebPush | Web Push z VAPID: waliduje subskrypcje wysyłane przez przeglądarkę, przekazuje je Twojej aplikacji i wysyła szyfrowane powiadomienia do przeglądarki, która nie jest uruchomiona. Edycje Enterprise i All-Access. | Docs |
| Auth | TsgcHTMLAuth | Sesje w ciasteczkach, zapamiętywanie logowania, tokeny CSRF, ograniczanie prób logowania i ochrona tras według logowania i roli, na magazynie sesji w pamięci lub w plikach. | Docs |
| MCPApp | TsgcHTMLComponent_MCPApp | Narzędzie MCP, które odpowiada stroną, dzięki czemu komponenty, których już używasz, renderują się wewnątrz ChatGPT, Claude i VS Code. | Docs |
| AIAssistant | TsgcHTMLAIAssistant | Zamienia pytanie zwykłym językiem w zwalidowany zestaw filtrów, sortowań, grupowań i wyróżnień dla siatki, tabeli danych, tabeli przestawnej lub formularza. Wbudowany parser odpowiada, gdy nie skonfigurowano dostawcy. | Docs |
| InlineAIPrompt | TsgcHTMLComponent_InlineAIPrompt | Popover obok pola memo, edytora tekstu sformatowanego lub kolumny siatki, który pyta asystenta i zgłasza odpowiedź tylko wtedy, gdy użytkownik ją zaakceptuje. | Docs |
Co zyskały silnik, szablon strony i projektant. Każda opcja jest domyślnie wyłączona, więc strona, która żadnej nie używa, pozostaje bez zmian.
| Możliwość | Co dodaje | Pomoc |
|---|---|---|
| Routing | Ścieżki szablonów z segmentami {name}, filtr Methods dla każdej trasy, RequireLogin i RequireRoles oraz rozdzielanie żądań niezależne od transportu, więc trasa działa tak samo przez HTTP, przez WebSocket albo w teście. | Docs |
| Nawigacja i aktualizacje na żywo | Osiem opcji szablonu strony, które zamieniają witrynę renderowaną po stronie serwera w aplikację jednostronicową bez własnego JavaScriptu: wzmocnione linki i formularze (boosted), historia, podmiany morph, przejścia widoków, pasek ładowania, przywracanie przewijania, blokowanie ponownego wysłania i komunikat toast o błędzie. Wszystkie są domyślnie wyłączone. | Docs |
| WebSocket lub SSE | Aktualizacje na żywo przez Server-Sent Events zamiast WebSocketu albo automatyczny wybór, który przechodzi na strumień zdarzeń, gdy WebSocket nie może się otworzyć. Znaczniki, trasy i fragmenty pozostają te same. | Docs |
| AI Data Pack | Zadawaj pytania siatce, tabeli danych, tabeli przestawnej lub formularzowi zwykłym językiem i stosuj tylko to, co przepuścił walidator. Model otrzymuje nazwy kolumn, typy i trzy przykładowe wartości, a wiersze tylko wtedy, gdy włączysz AllowRowDataToProvider. Dostawca wymaga jednostek AI z edycji Enterprise lub All-Access albo pakietu sgcAI, a wbudowany parser odpowiada bez niego. | Docs |
| Generator stron AI | W projektancie opisz stronę albo przekaż mu zrzut ekranu, a zbuduje ją z Twoich zarejestrowanych komponentów przez schemat, który nie może nazwać niczego innego. Nic nie jest stosowane, dopóki tego nie zaakceptujesz. Dostawca wymaga tych samych jednostek AI. | Docs |
| ASP.NET Core Razor (.NET) | Tag Helpery w stylu Telerik i DevExpress, <sgc-grid>, <sgc-form>, <sgc-autocomplete>, <sgc-dialog> i <sgc-chart>, z płynnymi odpowiednikami w Html.Sgc(). Grid stronicuje, sortuje, filtruje, przeszukuje i eksportuje dane z IQueryable przez this.SgcGrid(request, query), pola wiążą się przez asp-for, a wykresy na żywo są wypychane przez hub.BroadcastChartAsync po WebSocket sgcHTML, bez SignalR. W pakiecie NuGet esegece.sgcHTML.AspNetCore, łącznie z edycją Community. | Przegląd |
| Układ od prawej do lewej | Arabski, hebrajski, perski, urdu i pozostałe języki pisane od prawej do lewej są renderowane z dir="rtl" i arkuszem stylów RTL Bootstrapa, a komponenty odbijają się lustrzanie: pasek boczny i icon rail witryny, steppery, oś czasu, czat, obecność, tree view, suwak, splitter, zmiana rozmiaru kolumn i zablokowane kolumny siatki, powiadomienia, awatary oraz tablica kanban. Wykresy, wskaźniki, przyrządy i oś czasu Gantta zachowują swoją geometrię. Kierunek wynika automatycznie z języka, Dir i HtmlDir go nadpisują, a strony od lewej do prawej pozostają bez zmian. | Docs |
| Testing | Deterministyczne identyfikatory elementów, małe DOM z selektorami CSS, asercje HTML, pliki snapshotów i testy żądań bez serwera, bez wymaganego frameworka testowego. | Docs |
Każda funkcja wymieniona na tej stronie jest wykorzystywana przez jedną z tych aplikacji.
Użytkownicy wybierają wymiary i miary, a tabela krzyżowa jest przebudowywana z TFDQuery.
Otwórz demo na żywo →
Wyszukiwanie w trakcie pisania i edycja w miejscu, podmieniane jako fragmenty bez przeładowania strony.
Otwórz demo na żywo →
Te same komponenty renderują układ ręcznego skanera na szerokości telefonu.
Otwórz demo na żywo →Dema online: Pakiet danych AI, Asystent sklepu, Aplikacje MCP, Przyrządy, SCADA / IoT i Right-to-Left (RTL).