Elf neue Komponenten.
Ein Web-Toolkit für Delphi und .NET.
sgcHTML liefert jetzt eine Tabellenkalkulation, einen Formular-Designer, einen Berichtsdesigner samt Viewer, einen Dateimanager, einen Bildzuschneider, einen Code-Editor, einen Query Builder und geführte Touren. Auch Scheduler, Grid, Formulare und Barrierefreiheit haben einen großen Schritt nach vorn gemacht. Alles wird auf dem Server gerendert und läuft ohne CDN.
- Delphi
- C++ Builder
- Lazarus
- .NET
- ASP.NET Core
Mit Delphi entwickelte Webanwendungen brauchen immer wieder dasselbe: eine Tabelle, in der Anwender rechnen können, ein Formular, das die Fachabteilung ohne neuen Build ändern kann, einen Bericht zum Drucken, einen Ort für Dokumente, ein Bild zum Zuschneiden. Bisher bedeutete jedes davon eine JavaScript-Bibliothek, ein CDN und etwas Verbindungscode.
Mit dieser Runde an sgcHTML Funktionen sind sie Komponenten. Sie legen sie auf ein Formular oder erzeugen sie im Code, setzen ihre Eigenschaften, behandeln ihre Server-Ereignisse in Pascal oder C#, und die Seite wird auf dem Server mit Bootstrap und htmx gerendert. Dieselben Komponenten gibt es in .NET, mit ASP.NET Core Tag Helpers, und sie erzeugen dasselbe Markup.
Eine Minute, alle Funktionen
Die neuen sgcHTML Komponenten live im Browser. Auch auf YouTube.
Spreadsheet
Ein Raster mit Formeln, direkt in der Seite. Anwender geben Werte und Formeln mit 54 Funktionen ein, von SUM und VLOOKUP über SUMIF bis zu Datumsfunktionen und PMT, und der Server berechnet jede Änderung und sendet nur die geänderten Zellen zurück.
- Tastatur und Zwischenablage funktionieren wie in Excel, Kopieren und Einfügen inklusive
- Zeilen und Spalten einfügen und löschen, jeder Bezug passt sich an
- XLSX-Import und -Export mit Formeln und Stilen
- Live-Synchronisierung: Jeder geöffnete Browser sieht die Änderung
Spreadsheet1.Sheet.SetCellByName('A14', 'Total');
Spreadsheet1.Sheet.SetCellByName('B14', '=SUM(B2:B13)');
Spreadsheet1.LiveSync := True; // every browser sees the change
Spreadsheet1.SaveToXLSX(oStream); // formulas, styles and widths included
Form Builder
Lassen Sie Ihre Anwender eigene Formulare gestalten. Sie ziehen Felder auf eine Fläche mit 12 Spalten, legen Beschriftungen, Optionen, Validierungsregeln und Eingabemasken fest, fügen Felder hinzu, die nur erscheinen, wenn eine andere Antwort passt, und sehen das echte Formular in der Vorschau, bevor sie es speichern.
Das Design ist die JSON-Definition eines normalen Form, deshalb behält das veröffentlichte Formular Validierung, Masken und Live-Validierung, und GetJSONSchema beschreibt die Daten, die es erfasst.
FormBuilder1.Form := Form1; // the form your users design
procedure TPages.FormBuilder1Save(Sender: TObject; const aJSON: string;
var aAccept: Boolean; var aErrorMessage: string);
begin
SaveDesign(aJSON); // store the definition where you like
end;
// on the public page
Form1.LoadFromJSON(LoadDesign);
Report Engine, Viewer und Designer
Bandorientierte Berichte, die direkt als PDF ausgegeben werden, ganz ohne externes Berichtswerkzeug: Gruppen und Zwischensummen, Diagramme, Barcodes und QR-Codes, Parameter und Unterberichte, mit Unicode-Schriften für Chinesisch, Japanisch, Koreanisch, Arabisch und Hebräisch.
Der Viewer zeigt eine Vorschau, druckt und exportiert nach Excel. Mit dem Designer bearbeiten Entwickler und Endanwender den Bericht im Browser, und in der Delphi-IDE (ab 10.4) öffnet ein Doppelklick denselben Designer.
Report1.LoadFromGrid(Grid1, 'Customers'); // print a grid in one call
Report1.SaveToStream(oStream); // the PDF
File Manager
Ein Dokumentenportal in einer Komponente: Ordnerbaum, Details und Miniaturansichten, Vorschau von Bildern, PDF-Dateien und Text, Drag-and-drop-Uploads mit Fortschrittsanzeige, Umbenennen, Verschieben, Kopieren und Suchen, alles per Maus oder Tastatur.
Standardmäßig sicher: Berechtigungen pro Benutzer, jeder Pfad wird auf dem Server geprüft, und Dateien werden über signierte Links ausgeliefert, die ablaufen.
Image Cropper
Profilfotos und gescannte Dokumente ohne zusätzliche Bibliothek. Der Fotomodus schneidet zu, zoomt, dreht und richtet aus, mit Kreisform für Avatare. Der Dokumentmodus verschiebt vier Ecken und korrigiert die Perspektive eines Belegs oder einer Seite.
Bilder kommen aus einer Datei, der Zwischenablage oder der Kamera, und der Server prüft jedes Bild, bevor er es akzeptiert.
Code Editor
CodeMirror 6, in die Bibliothek eingebettet. SQL mit Vervollständigung Ihrer Tabellen und Spalten, JSON mit Validierung im Browser und auf dem Server sowie JavaScript, HTML, CSS, XML, Markdown, Python und Pascal, mit Codefaltung, Suche und Themes, die der Seite folgen.
Query Builder
Filterregeln in AND- und OR-Gruppen über die Spalten eines Grids. Anwender können auch eine Frage in einfacher Sprache stellen und erhalten sie als Regeln zurück, die sie sehen und bearbeiten können. Ihr Code erhält eine parametrisierte WHERE-Klausel, niemals Text, den der Anwender oder die KI geschrieben hat.
vWhere := QueryBuilder1.GetSQLWhere(oParams); // ':qb1' style parameters only
Tooltips und Produkttouren
Tooltips an jedem beliebigen Element und geführte Touren, die jeden Schritt Ihres Ersterlebnisses mit einem Spotlight hervorheben, mit Zurück, Weiter und Überspringen, Tastaturunterstützung und Server-Ereignissen, wenn ein Anwender abschließt oder überspringt.
Und alles andere wurde besser
Online ausprobieren
Zu jeder Funktion gibt es eine Live-Demo, die Sie sofort öffnen können, ganz ohne Download.
Delphi und .NET, dasselbe Ergebnis
Jede Komponente ist für Delphi, C++ Builder und Lazarus verfügbar sowie für .NET mit ASP.NET Core Tag Helpers wie <sgc-spreadsheet>, <sgc-form-builder> und <sgc-report-viewer>. Beide erzeugen dasselbe Markup, die Komponenten sprechen 17 Sprachen einschließlich Rechts-nach-links, und jedes Skript und jedes Stylesheet ist in die Bibliothek eingebettet, sodass Ihre Seiten nie von einem CDN abhängen.
Bauen Sie Ihre nächste Web-App mit sgcHTML
Ein serverseitig gerendertes Komponenten-Toolkit für Delphi und .NET, mit den Komponenten, die Ihre Anwender erwarten.