Elf nieuwe componenten.
Eén webtoolkit voor Delphi en .NET.
sgcHTML levert nu een spreadsheet, een formulierbouwer, een rapportontwerper met viewer, een bestandsbeheerder, een afbeeldingsbijsnijder, een code-editor, een querybuilder en rondleidingen. Ook de scheduler, het grid, de formulieren en de toegankelijkheid zijn flink verbeterd. Alles wordt op de server gerenderd en draait zonder CDN.
- Delphi
- C++ Builder
- Lazarus
- .NET
- ASP.NET Core
Webapplicaties die met Delphi zijn gebouwd vragen steeds om hetzelfde: een blad waarin de gebruiker kan rekenen, een formulier dat de business kan wijzigen zonder nieuwe build, een rapport dat afdrukt, een plek om documenten te bewaren, een afbeelding om bij te snijden. Tot nu toe betekende elk daarvan een JavaScript-bibliotheek, een CDN en wat plakcode.
Met deze ronde sgcHTML functies zijn het componenten. Je plaatst ze op een formulier of maakt ze in code aan, stelt hun eigenschappen in, verwerkt hun serverevents in Pascal of C#, en de pagina wordt op de server gerenderd met Bootstrap en htmx. Dezelfde componenten bestaan in .NET, met ASP.NET Core Tag Helpers, en leveren dezelfde markup op.
Eén minuut, alle functies
De nieuwe sgcHTML componenten live in de browser. Ook op YouTube.
Spreadsheet
Een raster met formules, rechtstreeks in de pagina. Gebruikers typen waarden en formules met 54 functies, van SUM en VLOOKUP tot SUMIF, datums en PMT, en de server berekent elke wijziging en stuurt alleen de gewijzigde cellen terug.
- Toetsenbord en klembord werken zoals in Excel, kopiëren en plakken inbegrepen
- Rijen en kolommen invoegen en verwijderen, elke verwijzing volgt mee
- XLSX-import en -export met formules en stijlen
- Live synchronisatie: elke geopende browser ziet de wijziging
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
Laat je gebruikers hun eigen formulieren ontwerpen. Ze slepen velden op een canvas met 12 kolommen, stellen labels, opties, validatieregels en invoermaskers in, voegen velden toe die alleen verschijnen als een ander antwoord overeenkomt, en bekijken het echte formulier vooraf voordat ze het opslaan.
Het ontwerp is de JSON-definitie van een gewoon Form, dus het gepubliceerde formulier behoudt validatie, maskers en live validatie, en GetJSONSchema beschrijft de gegevens die het verzamelt.
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 en Designer
Rapporten met banden die rechtstreeks naar PDF afdrukken, zonder extern rapportagehulpmiddel: groepen en subtotalen, grafieken, barcodes en QR-codes, parameters en subrapporten, met Unicode-lettertypen voor Chinees, Japans, Koreaans, Arabisch en Hebreeuws.
De viewer toont een voorbeeld, drukt af en exporteert naar Excel. Met de designer bewerken ontwikkelaars en eindgebruikers het rapport in de browser, en in de Delphi IDE (10.4 en later) opent een dubbelklik dezelfde designer.
Report1.LoadFromGrid(Grid1, 'Customers'); // print a grid in one call
Report1.SaveToStream(oStream); // the PDF
File Manager
Een documentportaal in één component: mappenboom, details en miniaturen, voorbeelden van afbeeldingen, PDF-bestanden en tekst, uploads met slepen en neerzetten met voortgang, hernoemen, verplaatsen, kopiëren en zoeken, alles met muis of toetsenbord.
Standaard veilig: rechten per gebruiker, elk pad wordt op de server gecontroleerd en bestanden worden geleverd via ondertekende links die verlopen.
Image Cropper
Profielfoto's en gescande documenten zonder bibliotheek. De fotomodus snijdt bij, zoomt, draait en rechtzet, met een cirkelvorm voor avatars. De documentmodus versleept vier hoeken en corrigeert het perspectief van een bon of een pagina.
Afbeeldingen komen uit een bestand, het klembord of de camera, en de server controleert elke afbeelding voordat die wordt geaccepteerd.
Code Editor
CodeMirror 6, ingebouwd in de bibliotheek. SQL met aanvulling van je tabellen en kolommen, JSON met validatie in de browser en op de server, en JavaScript, HTML, CSS, XML, Markdown, Python en Pascal, met inklappen, zoeken en thema's die de pagina volgen.
Query Builder
Filterregels in AND- en OR-groepen over de kolommen van een grid. Gebruikers kunnen ook een vraag in gewone taal stellen en krijgen die terug als regels die ze kunnen zien en bewerken. Je code ontvangt een geparametriseerde WHERE-clausule, nooit tekst die door de gebruiker of de AI is geschreven.
vWhere := QueryBuilder1.GetSQLWhere(oParams); // ':qb1' style parameters only
Tooltips en producttours
Tooltips op elk element en rondleidingen die elke stap van je eerste gebruikservaring in de schijnwerpers zetten, met Terug, Volgende en Overslaan, toetsenbordondersteuning en serverevents wanneer een gebruiker de tour afrondt of overslaat.
En al het andere werd beter
Probeer ze online
Elke functie heeft een live demo die je meteen kunt openen, zonder download.
Delphi en .NET, hetzelfde resultaat
Elke component is beschikbaar voor Delphi, C++ Builder en Lazarus, en voor .NET met ASP.NET Core Tag Helpers zoals <sgc-spreadsheet>, <sgc-form-builder> en <sgc-report-viewer>. Beide schrijven dezelfde markup, de componenten spreken 17 talen, inclusief van rechts naar links, en elk script en elke stylesheet is ingebouwd in de bibliotheek, zodat je pagina's nooit van een CDN afhangen.
Bouw je volgende webapp met sgcHTML
Een op de server gerenderde componententoolkit voor Delphi en .NET, met de componenten die je gebruikers verwachten.