sgcHTML Özellik Matrisi

Kitaplıktaki her bileşen, on aile halinde gruplandırılmıştır. Her biri Bootstrap 5 işaretlemesine dönüşür ve Delphi, C++ Builder ile .NET'te aynı şekilde çalışır. Bileşenlerin çoğu veriye duyarlıdır; LoadFromDataSet / DataSource (ya da eşdeğer bir .NET kaynağı) aracılığıyla doğrudan bir TDataSet'e bağlanır. Kullanımı ve örnekleriyle kendi sayfası için bir bileşene tıklayın. Tüm bileşenler, otomatik HTML, öznitelik, JavaScript ve URL çıktı kodlaması ile URL temizleme uygular; böylece dinamik içerik, XSS ve enjeksiyona karşı korunmak amacıyla varsayılan olarak kaçışlanır.

2026.10'da Yeni

8 bileşen, 6 yetenek

Gezinme & Yapı

14 bileşen

Veri & Tablolar

11 bileşen

Enstrümanlar & SCADA

16 bileşen, MQTT bağlama

Altyapı

8 sınıf

Veri & Tablolar

Veri kümelerinizi doğrudan işleyen ızgaralar, takvimler ve panolar.

BileşenSınıfAçıklamaYardım
GridTsgcHTMLComponent_GridZengin özellikli tablo: sıralama, filtreleme, CSV/PDF dışa aktarma, satır içi düzenleme, gruplama, sanal kaydırma ve yapay zeka sorgusu.Docs
DataTableTsgcHTMLComponent_DataTableBir araç çubuğu, arama ve satır sayısıyla Grid + Pagination'ı saran üst düzey veri tablosu.Docs
CalendarTsgcHTMLComponent_CalendarEtkinlik noktaları ve önceki/sonraki gezinme içeren aylık ızgara takvimi.Docs
SchedulerTsgcHTMLComponent_SchedulerEtkinlikleri tarihe göre işleyen takvim zamanlayıcısı (ay / hafta görünümleri).Docs
TimelineTsgcHTMLComponent_TimelineBir veri kümesinden yüklenebilen, tarihli etkinliklerin dikey zaman çizelgesi.Docs
KanbanBoardTsgcHTMLComponent_KanbanBoardSütunlar ve sürüklenebilir kartlardan oluşan Kanban panosu.Docs
GanttTsgcHTMLComponent_GanttGörev ilerleme çubukları içeren Gantt proje zaman çizelgesi grafiği.Docs
TreeGridTsgcHTMLComponent_TreeGridId/ParentId düğüm çiftlerinden oluşturulan, daraltılabilir hiyerarşik satırlara sahip Bootstrap tablosu.Docs
PivotTableTsgcHTMLComponent_PivotTableSatırları ve sütunları gruplandıran, satır, sütun ve genel toplamlarla ölçüleri toplayan Bootstrap pivot tablosu.Docs
ActivityFeedTsgcHTMLComponent_ActivityFeedGöreli zaman damgaları ve bant dışı WebSocket push'u içeren, en yeniden eskiye canlı etkinlik akışı.Docs
AuditTrailTsgcHTMLComponent_AuditTrailAktör, eylem, hedef ve zaman damgasıyla kullanıcı ve sistem eylemlerinin kronolojik denetim günlüğü akışı.Docs

Grafikler & Görselleştirme

Kendi sayılarınızdan oluşturulan veri güdümlü görseller.

BileşenSınıfAçıklamaYardım
ChartTsgcHTMLComponent_ChartChart.js grafiği: çizgi, çubuk, pasta, halka, radar, polar, baloncuk ve dağılım.Docs
GaugeTsgcHTMLComponent_GaugeDüşük / orta / yüksek renk eşikleri olan yarım daire SVG göstergesi, ya da cetvel işaretleri, renkli aralıklar ve bir ibre içeren 90, 180 ya da 270 derecelik bir ölçek.Docs
DiagramTsgcHTMLComponent_DiagramSatır içi SVG olarak işlenen düğüm ve ok akış şeması.Docs
MapTsgcHTMLComponent_Mapİşaretçilerle Leaflet.js etkileşimli harita (OpenStreetMap / CartoDB döşemeleri).Docs
HeatmapTsgcHTMLComponent_HeatmapHücre değerlerinden ya da bağlı bir veri kümesinden oluşan, gösterge ve satır/sütun etiketleri içeren renk ölçekli SVG ısı haritası ızgarası.Docs
SparklineTsgcHTMLComponent_SparklineBir değer serisinden ya da bağlı bir veri kümesinden oluşan, kompakt satır içi SVG çizgi, çubuk ya da alan mini grafiği.Docs
CandlestickChartTsgcHTMLComponent_CandlestickChartFitiller, yükseliş/düşüş renkleri ve isteğe bağlı bir hacim şeridi içeren SVG OHLC mum grafiği.Docs
QRCodeTsgcHTMLComponent_QRCodeHerhangi bir metin ya da URL'den, seçilebilir hata düzeltme düzeyiyle saf Pascal ISO/IEC 18004 SVG QR kodu.Docs
BarcodeTsgcHTMLComponent_BarcodeHerhangi bir ASCII metinden, isteğe bağlı okunabilir bir başlıkla saf Pascal Code 128 SVG barkodu.Docs
TreeMapTsgcHTMLComponent_TreeMapKendi kendine yeten, sunucu tarafında üretilmiş satır içi SVG olarak işlenen, herhangi bir grafik kitaplığı gerektirmeyen kare biçimli ağaç haritası (treemap).Docs

Formlar & Girdiler

Doğrulama ve veri kümesi bağlamayla, veri yakalamak için ihtiyacınız olan her şey.

BileşenSınıfAçıklamaYardım
FormTsgcHTMLComponent_FormDoğrulama, düzenler ve yapay zeka form oluşturma içeren veri güdümlü form oluşturucu.Docs
EditTsgcHTMLComponent_EditEtiket, yardım metni ve veri kümesi bağlama içeren tek satırlık metin girdisi.Docs
MemoTsgcHTMLComponent_MemoEtiket ve yardım metni içeren çok satırlı metin alanı girdisi.Docs
CheckBoxTsgcHTMLComponent_CheckBoxEtiket ve işaretli durum içeren onay kutusu girdisi.Docs
RadioGroupTsgcHTMLComponent_RadioGroupBirbirini dışlayan radyo seçeneklerinden oluşan grup.Docs
SelectTsgcHTMLComponent_SelectSeçenek grupları, çoklu seçim ve veri kümesi bağlama içeren açılır seçim.Docs
InputGroupTsgcHTMLComponent_InputGroupBaşına / sonuna eklenti metni eklenen girdi.Docs
AutoCompleteTsgcHTMLComponent_AutoCompleteHTML5 öneri datalist'i ile desteklenen metin girdisi.Docs
DatePickerTsgcHTMLComponent_DatePickerYerel tarih / saat / tarih-saat girdi alanı.Docs
FileUploadTsgcHTMLComponent_FileUploadÇok parçalı form gönderimiyle sürükle bırak dosya yükleme alanı.Docs
RichEditorTsgcHTMLComponent_RichEditorGizli form alanı içeren Quill tabanlı WYSIWYG zengin metin düzenleyicisi.Docs
RatingTsgcHTMLComponent_RatingYıldız (simge) puanlama görüntüsü ya da girdisi.Docs
MultiSelectTsgcHTMLComponent_MultiSelectAranabilir, çip'ler, gruplandırılmış seçenekler ve veri kümesi bağlama içeren Bootstrap çoklu seçim açılır menüsü.Docs
ColorPickerTsgcHTMLComponent_ColorPickerİsteğe bağlı bir hex metin alanı ve renk örneği ön ayarları içeren yerel HTML5 renk girdisi.Docs
SliderTsgcHTMLComponent_SliderCanlı değer rozeti, min/maks etiketleri ve renk stili içeren Bootstrap aralık kaydırıcısı.Docs
TimePickerTsgcHTMLComponent_TimePickerMin/maks sınırları ve saniye düzeyinde ayrıntı içeren yerel HTML5 saat girdisi.Docs
SignaturePadTsgcHTMLComponent_SignaturePadTemizle, Geri Al ve Kaydet eylemleri içeren, işaretçi olaylarıyla çalışan tuval imza pedi.Docs
TransferTsgcHTMLComponent_TransferÖğeleri kullanılabilir ve atanmış panel arasında taşımak için filtreleme ve veri kümesi bağlama içeren çift liste kutusu bileşeni.Docs
DateTimePickerTsgcHTMLComponent_DateTimePickerTakvim ve saati tek bir alanda birleştiren yerel HTML5 tarih-ve-saat seçici.Docs
DateRangePickerTsgcHTMLComponent_DateRangePickerMin/maks sınırlarıyla bir tarih aralığı seçmek için eşleştirilmiş başlangıç ve bitiş tarihi girdileri.Docs
RangeSliderTsgcHTMLComponent_RangeSliderCanlı değer rozetleriyle bir düşük/yüksek değer çifti seçen çift tutamaçlı kaydırıcı.Docs
CameraScannerTsgcHTMLComponent_CameraScannerTarayıcının yerel BarcodeDetector'ıyla barkod ve QR kodu tarayan, üçüncü taraf kitaplık gerektirmeyen canlı kamera paneli.Docs
NumPadTsgcHTMLComponent_NumPadSatış noktası girişi için hızlı tutar düğmeleri ve yerel ayardan bağımsız biçimlendirme içeren dokunmatik sayısal ve para birimi tuş takımı.Docs

İçerik & Düzen

Bir sayfayı düzenlemek için kartlar, medya ve KPI kutuları.

BileşenSınıfAçıklamaYardım
PanelTsgcHTMLComponent_PanelÜstbilgi / gövde / altbilgi içeren, daraltılabilir ve kaydırılabilir Bootstrap kart paneli.Docs
StatCardTsgcHTMLComponent_StatCardSimge, eğilim oku ve isteğe bağlı geçişli renk içeren pano KPI / istatistik kartı.Docs
AccordionTsgcHTMLComponent_AccordionÜst üste yığılmış genişletilebilir panellerden oluşan, dikey olarak daralan akordeon.Docs
CarouselTsgcHTMLComponent_CarouselGöstergeler, denetimler ve otomatik oynatma içeren görüntü slayt gösterisi / karuseli.Docs
ImageTsgcHTMLComponent_ImageŞekil, duyarlı / geç yükleme, ışık kutusu bağlantısı ve başlık içeren görüntü.Docs
AvatarTsgcHTMLComponent_AvatarBoyut, şekil ve varlık durumu noktası içeren kullanıcı avatarı (görüntü ya da baş harfler).Docs
VideoTsgcHTMLComponent_VideoHTML5 video / ses oynatıcısı ile bir YouTube gömme yardımcısı.Docs
BadgeTsgcHTMLComponent_BadgeRenk, hap şekli, satır içi simge ve konumlandırılmış bildirim noktası modu içeren tekil Bootstrap rozeti.Docs
PDFViewerTsgcHTMLComponent_PDFViewerpdf.js tabanlı, sayfa gezinme, yakınlaştırma, arama, indirme ve yazdırma içeren sayfa içi PDF görüntüleyici.Docs
ChipTsgcHTMLComponent_Chipİsteğe bağlı bir simge, renk ve kaldırılabilir bir kapatma düğmesi içeren kompakt çip / etiket.Docs

Katmanlar & Geri Bildirim

İletişim kutuları, durum yüzeyleri ve yükleme durumları.

BileşenSınıfAçıklamaYardım
ModalTsgcHTMLComponent_ModalBaşlık / gövde / altbilgi, boyutlar, ortalanmış ve sabit arka plan içeren kalıcı iletişim kutusu.Docs
OffcanvasTsgcHTMLComponent_OffcanvasSoldan, sağdan, üstten ya da alttan kayan tuval dışı panel.Docs
PopoverTsgcHTMLComponent_PopoverBir tetikleyici öğe üzerinde açılan balon (tıklama / üzerine gelme / odak).Docs
ToastTsgcHTMLComponent_ToastÜstbilgi, gövde, zaman damgası ve otomatik gizleme içeren toast bildirimi.Docs
SnackbarTsgcHTMLComponent_Snackbarİsteğe bağlı bir eylem içeren Material tarzı geçici snackbar.Docs
NotificationTsgcHTMLComponent_NotificationOkunmamış rozeti olan zil simgeli açılır bildirim merkezi.Docs
SpinnerTsgcHTMLComponent_SpinnerBoyutlandırılmış ve renklendirilmiş yükleme döndürücüsü (kenarlık / büyüme).Docs
PlaceholderTsgcHTMLComponent_PlaceholderAnimasyonlu bir parıltı içeren iskelet / yer tutucu yükleme kartı.Docs
ContextMenuTsgcHTMLComponent_ContextMenuBir CSS seçiciyle kapsamlanan, simgeler, ayraçlar, başlıklar ve sunucuya yönlendirilen eylemler içeren sağ tık açılır menüsü.Docs
JobProgressTsgcHTMLComponent_JobProgressDurum rozetleri, iptal düğmeleri ve bant dışı parça güncellemeleri içeren, arka plan iş ilerleme çubuklarının canlı listesi.Docs
LogViewerTsgcHTMLComponent_LogViewerDüzey filtresi, arama ve otomatik kaydırma içeren akışlı günlük / terminal görüntüleyici.Docs
ProgressBarTsgcHTMLComponent_ProgressBarÇizgili ve animasyonlu, tekli ya da yığılmış çok segmentli Bootstrap ilerleme çubuğu.Docs
CommandPaletteTsgcHTMLComponent_CommandPaletteAlt dize ardından bulanık filtreleme, kategoriler ve sunucuya yönlendirilen eylemler içeren Ctrl+K / Cmd+K hızlı eylem başlatıcısı.Docs
EmptyStateTsgcHTMLComponent_EmptyStateBir ızgaranın, listenin ya da arama sonucunun hiç satırı olmadığında gösterdiği; bir simge, başlık, açıklama ve en fazla iki düğme içeren panel.Docs

Sohbet & Yapay Zeka

Basit balonlardan akışlı bir yapay zeka asistanına kadar sohbet arayüzü.

BileşenSınıfAçıklamaYardım
ChatBoxTsgcHTMLComponent_ChatBoxBir girdi çubuğu ve yazma göstergesi içeren kart tarzı sohbet balonu kutusu.Docs
ChatTsgcHTMLComponent_ChatMetin / görüntü / dosya / ses / video iletileri, okundu bilgileri ve yanıtlar içeren WhatsApp tarzı sohbet.Docs
AIChatTsgcHTMLComponent_AIChatSağlayıcı / model seçici, belirteç akışı ve RAG kaynak alıntıları içeren yapay zeka asistanı sohbeti.Docs
PresenceTsgcHTMLComponent_PresenceCanlı durum güncellemeleriyle, avatar yığını ya da liste olarak "Kimler çevrimiçi" listesi.Docs

Kimlik Doğrulama

Parolalardan geçiş anahtarlarına kadar hazır oturum açma akışları.

BileşenSınıfAçıklamaYardım
LoginTsgcHTMLComponent_LoginBeni hatırla ve uyarılar içeren hazır oturum açma formu / sayfası (kart, ortalanmış ya da tam sayfa).Docs
SocialLoginTsgcHTMLComponent_SocialLoginOAuth sosyal oturum açma düğmesi paneli (Google, Facebook, Apple, GitHub, Microsoft ve daha fazlası).Docs
OAuthCallbackTsgcHTMLComponent_OAuthCallbackOtomatik yönlendirmeyle başarı, hata ya da yükleme durumunda OAuth geri çağırma / açılış sayfası.Docs
WebAuthnLoginTsgcHTMLComponent_WebAuthnLoginParolasız geçiş anahtarı / WebAuthn oturum açma ve kayıt bileşeni.Docs
RolesPermissionsTsgcHTMLComponent_RolesPermissionsHer hücrede bir onay kutusu ve canlı WebSocket izin güncellemeleri içeren rol / izin matrisi.Docs
UserManagementTsgcHTMLComponent_UserManagementRoller, durum, arama ve satır başına eylemler açılır menüsü içeren kullanıcı yönetim tablosu.Docs
ImpersonateBannerTsgcHTMLComponent_ImpersonateBannerBaşka bir kullanıcı olarak hareket ederken gösterilen, tek tıkla çıkış içeren yönetici kimliğine bürünme afişi.Docs

Enstrümanlar & SCADA

Sunucunun tarayıcıda canlı tuttuğu göstergeler, lambalar, ekranlar, operatör kontrolleri, gerçek zamanlı eğilimler ve süreç diyagramları. Düz HTML ve satır içi SVG, JavaScript kitaplığı gerekmez.

BileşenSınıfAçıklamaYardım
LinearGaugeTsgcHTMLComponent_LinearGaugeÇubuk, termometre ya da tank biçiminde çizilen, bir cetvel ölçeği, renkli aralıklar ve değer göstergesi içeren düz SVG gösterge.Docs
LEDTsgcHTMLComponent_LEDYuvarlak ya da kare, isteğe bağlı parlama, yanıp sönme ve açıklama içeren açık/kapalı gösterge lambası.Docs
LEDBarTsgcHTMLComponent_LEDBarSegmentli LED çubuk grafiği, ayrı lambalardan oluşan klasik seviye ölçer.Docs
SegmentDisplayTsgcHTMLComponent_SegmentDisplay7 segmentli ya da 14 segmentli LED ekran olarak gösterilen metin, hayalet segmentler ve isteğe bağlı italik eğim ile.Docs
OdometerTsgcHTMLComponent_OdometerRakam tekerlekleri yeni değere doğru dönen mekanik sayaç.Docs
AnalogClockTsgcHTMLComponent_AnalogClockSaat, dakika ve saniye ibreleriyle analog saat kadranı, tarayıcıda statik ya da işleyerek.Docs
CompassTsgcHTMLComponent_CompassDönen bir kadran ya da dönen bir ibre ve isteğe bağlı bir hedef işaretiyle pusula ya da yön göstergesi.Docs
VUMeterTsgcHTMLComponent_VUMeterKlasik ibreli ölçer ya da çubuk olarak, isteğe bağlı tepe tutma özellikli, desibel cinsinden ses VU ölçer.Docs
KnobTsgcHTMLComponent_Knobİşaretçi, klavye ya da fare tekerleğiyle çevrilen ve seçilen değeri gönderen döner düğme.Docs
ToggleSwitchTsgcHTMLComponent_ToggleSwitchKaydırmalı anahtar ya da endüstriyel tip salıncak olarak, çevrildiğinde 1 ya da 0 gönderen açık/kapalı anahtar.Docs
PushButtonTsgcHTMLComponent_PushButtonDurum lambalı, tıklamalı ya da anlık (basılı tutarak çalıştırılan) düğme olarak, isteğe bağlı sayfa içi onaylı komut düğmesi.Docs
NumericStepperTsgcHTMLComponent_NumericStepperBasılı tutulduğunda tekrarlayan azaltma ve artırma düğmeleri içeren, aralığıyla sınırlandırılmış sayı kutusu.Docs
StripChartTsgcHTMLComponent_StripChartBir kayıt cihazı gibi, sunucudan canlı olarak itilen örneklerle beslenen, tuval üzerinde kaydırmalı çok kalemli şerit grafik.Docs
OscilloscopeTsgcHTMLComponent_OscilloscopeBölüm ızgarası, kanal başına ölçek, kenar tetikleme ve isteğe bağlı fosfor kalıcılığı içeren osiloskop ekranı.Docs
AnnunciatorTsgcHTMLComponent_AnnunciatorAlarm anons paneli: duruma göre yanan ve operatör tarafından onaylanabilen başlıklı karolardan oluşan bir ızgara.Docs
SCADAPanelTsgcHTMLComponent_SCADAPanelSVG olarak süreç simülasyon diyagramı (tanklar, vanalar, pompalar, motorlar, fanlar, ısı eşanjörleri, sensörler ve borular), canlı durum, akış animasyonu ve tıklanabilir simgelerle.Docs
MQTT bağlamaTsgcHTMLInstrumentsMQTTBinderMQTT konularını kod yazmadan enstrümanlara eşler: bağlı bir konudaki her ileti enstrümanı günceller ve canlı parçasını tarayıcılara yayınlar.Docs
Instruments binderTsgcHTMLInstrumentsBinderAynı bağlamalar, aktarım katmanı olmadan: iletileri herhangi bir kaynaktan (AMQP, Kafka, özel bir istemci) ProcessMessage'a iletin.Docs

Gauge bileşeni de genişletildi: yarım daire göstergenin yanı sıra artık cetvel işaretleri, renkli aralıklar ve bir ibre içeren 90, 180 ya da 270 derecelik bir ölçek de çiziyor ve diğer tüm enstrümanlar gibi canlı olarak güncelleniyor. Bunları Enstrümanlar ve SCADA / IoT çevrimiçi demolarında çalışırken görün.

Motor, Sunucu & Tema

Sayfaları sunan ve canlı tutan görsel olmayan parçalar.

BileşenSınıfAçıklamaYardım
EngineServerTsgcHTMLEngine_Serverİşlenmiş sayfaları ve gömülü kaynakları sunan, bir TsgcWebSocketHTTPServer'a bağlı HTML motoru.Docs
HTMXEngineTsgcHTMX_Engine_ServerAynı sunucuya bağlı htmx motoru. HTTP ve WebSocket işleyicilerine bağlanır, gelen istekleri ve iletileri sevk eder ve bağlı tarayıcılara gerçek zamanlı olarak HTML parçaları gönderir ya da yayınlar (DispatchRequest, DispatchMessage, PushFragment, BroadcastFragment).Docs
PageBuilderTsgcHTMLPageBuilderKayıtlı bileşenleri eksiksiz, duyarlı bir sayfaya birleştirir (tasarım zamanı görsel düzenleyiciyle).Docs
TemplateBootstrapTsgcHTMLTemplate_BootstrapGövde içeriğini tema, dil ve yön içeren tam bir Bootstrap 5 HTML belgesine sarar.Docs
ThemeControllerTsgcHTMLThemeControllerTheme özelliği (ptDefault, ptDark, ptDarkPro) seçilen temayı ve paylaşılan stil sayfasını sayfaya uygulayan çalışma zamanı tema değiştirici.Docs
ThemeBuilderTsgcHTMLThemeBuilderMode özelliği (tmLight, tmDark, tmSystem) özellik değerlerinden Bootstrap CSS değişkenleri yazan CSS oluşturucu; tmSystem için isteğe bağlı bir işletim sistemi tercihi eşitleme betiğiyle birlikte.Docs
HTMXFragmentTsgcHTMX_FragmentSunucudan tarayıcıya kısmi sayfa güncellemesi göndermek için bant dışı htmx parçası.Docs
HTMXRouterTsgcHTMX_RouterGelen bir istek yolunu eşleştiren ve onu (HandleRequest aracılığıyla) o rotanın OnRoute işleyicisine sevk eden Routes yönlendirme tablosu.Docs

Yeni Bileşenler

Bu sürümde eklenenler, yukarıda listelenen 109 bileşene ek olarak. Yukarıdaki aile sayıları değişmemiştir.

BileşenSınıfAçıklamaYardım
CRUDTsgcHTMLComponent_CRUDArama ve sayfalama içeren liste, oluşturma ve düzenleme formu, silme onayı ve tek bir tablonun yazma yolu; bir veri kümesi üzerinde ya da altı yöntemli bir adaptör aracılığıyla kendi SQL'iniz üzerinde.Docs
NotificationInboxTsgcHTMLComponent_NotificationInboxOkunmamış rozetli bir zil ve tek bir kullanıcının bildirimleri. Uygulamanız bir olayı tuttuğu satırlarla yanıtlar ve kullanıcının neyi okuduğu kendisine bildirilir.Docs
NotificationPreferencesTsgcHTMLComponent_NotificationPreferencesKategori başına bir satır ve kanal başına bir onay kutusu (uygulama içi, push, e-posta) içeren bir tablo. Değerleri uygulamanız yükler ve kaydeder.Docs
WebPushTsgcHTMLWebPushVAPID ile Web Push: bir tarayıcının gönderdiği abonelikleri doğrular, uygulamanıza verir ve çalışmayan bir tarayıcıya şifrelenmiş bildirimler gönderir. Enterprise ve All-Access sürümleri.Docs
AuthTsgcHTMLAuthÇerez oturumları, beni hatırla, CSRF belirteçleri, oturum açma kısıtlaması ve oturum açma ile role göre rota koruması; bir bellek ya da dosya oturum deposunun üzerinde.Docs
MCPAppTsgcHTMLComponent_MCPAppBir sayfayla yanıt veren bir MCP aracı; böylece zaten kullandığınız bileşenler ChatGPT, Claude ve VS Code içinde işlenir.Docs
AIAssistantTsgcHTMLAIAssistantDüz dilde bir soruyu bir ızgara, bir veri tablosu, bir pivot ya da bir form için doğrulanmış filtreler, sıralamalar, gruplamalar ve vurgular kümesine dönüştürür. Hiçbir sağlayıcı yapılandırılmadığında yerleşik bir ayrıştırıcı yanıt verir.Docs
InlineAIPromptTsgcHTMLComponent_InlineAIPromptBir memonun, zengin bir düzenleyicinin ya da bir ızgara sütununun yanında asistana soran ve yanıtı yalnızca kullanıcı kabul ettiğinde bildiren bir popover.Docs

Yeni Yetenekler

Motorun, sayfa şablonunun ve tasarımcının kazandıkları. Her seçenek varsayılan olarak kapalıdır, bu yüzden hiçbirini kullanmayan bir sayfa tam olarak eskisi gibi işlenir.

YetenekNe eklerYardım
Yönlendirme{name} bölümleri içeren şablon yolları, rota başına bir Methods filtresi, RequireLogin ve RequireRoles ile aktarımdan bağımsız dağıtım; böylece bir rota HTTP üzerinde, WebSocket üzerinde ya da bir testte aynı şekilde çalışır.Docs
Gezinme ve canlı güncellemelerSunucuda işlenen bir siteyi kendi JavaScript kodunuz olmadan tek sayfalı bir uygulamaya dönüştüren sekiz sayfa şablonu seçeneği: güçlendirilmiş (boosted) bağlantılar ve formlar, geçmiş, morph takasları, görünüm geçişleri, bir yükleme çubuğu, kaydırma konumunu geri yükleme, gönderme kilitleme ve bir hata toast'ı. Hepsi varsayılan olarak kapalıdır.Docs
WebSocket ya da SSEWebSocket yerine sunucu tarafından gönderilen olaylar üzerinden canlı güncellemeler ya da WebSocket açılamadığında olay akışına geri dönen otomatik bir seçim. İşaretleme, rotalar ve parçalar aynı kalır.Docs
AI Data PackBir ızgaraya, bir veri tablosuna, bir pivota ya da bir forma düz dilde sorun ve yalnızca bir doğrulayıcının geçirdiğini uygulayın. Model sütun adlarını, türleri ve üç örnek değeri alır, satırları ise yalnızca AllowRowDataToProvider değerini açtığınızda alır. Bir sağlayıcı, Enterprise ya da All-Access sürümünün ya da sgcAI paketinin AI birimlerini gerektirir ve yerleşik bir ayrıştırıcı onsuz yanıt verir.Docs
AI sayfa üreticisiTasarımcıda bir sayfayı tarif edin ya da ona bir ekran görüntüsü verin, başka hiçbir şeyi adlandıramayan bir şema aracılığıyla sayfayı kayıtlı bileşenlerinizden oluşturur. Siz kabul edene kadar hiçbir şey uygulanmaz. Sağlayıcı aynı AI birimlerini gerektirir.Docs
TestingDeterministik öğe kimlikleri, CSS seçicileri olan küçük bir DOM, HTML doğrulamaları (assertion), anlık görüntü (snapshot) dosyaları ve sunucusuz istek testleri; herhangi bir test çerçevesi gerekmez.Docs

Özellik Listesi, Canlı Çalışıyor

Bu sayfada listelenen her yetenek, bu uygulamalardan birinde gerçekten çalışıyor.

Anlık pivot oluşturucu: sgcHTML ile oluşturulmuş, tarayıcıda çalışırken gösterilen bir Delphi web uygulaması.

Anlık pivot oluşturucu

Kullanıcılar boyutları ve ölçüleri seçer; çapraz tablo bir TFDQuery'den yeniden oluşturulur.

Canlı demoyu açın →
htmx ile canlı CRUD: sgcHTML ile oluşturulmuş, tarayıcıda çalışırken gösterilen bir Delphi web uygulaması.

htmx ile canlı CRUD

Yazdıkça arama ve satır içi düzenleme, sayfa yenilemesi olmadan parçalar olarak yerleşir.

Canlı demoyu açın →
Varsayılan olarak duyarlı: sgcHTML ile oluşturulmuş, tarayıcıda çalışırken gösterilen bir Delphi web uygulaması.

Varsayılan olarak duyarlı

Aynı bileşenler, telefon genişliğinde elde taşınan okuyucu düzenini işler.

Canlı demoyu açın →

Yeni çevrimiçi demolar: AI Veri Paketi, Mağaza Asistanı, MCP Uygulamaları, Enstrümanlar ve SCADA / IoT.

Tüm canlı demoları görün →

En avantajlı seçenek: All-AccessTüm eSeGeCe ürünleri, Premium Destek dahil, yılda €1,059'dan itibaren.
All-Access fiyatlarına bakın

sgcHTML ile Oluşturun

Ücretsiz deneme sürümünü indirin ve Delphi, C++ Builder ya da .NET'te web arayüzleri oluşturmaya başlayın.