✦ sgcHTML · 新功能
十一个新组件。
十一个新组件。
一套面向 Delphi 和 .NET 的 Web 工具包。
sgcHTML 现在带来了电子表格、表单构建器、报表设计器和查看器、文件管理器、图像裁剪器、代码编辑器、查询构建器和引导式导览，同时日程表、表格、表单和无障碍支持也有了长足进步。一切都在服务器端渲染，无需 CDN 即可运行。
- Delphi
- C++ Builder
- Lazarus
- .NET
- ASP.NET Core
11新组件
13新在线演示
17内置界面语言
0CDN 依赖
使用 Delphi 构建的 Web 应用总是提出同样的需求：一个可以计算的表格，一个业务人员无需重新编译就能修改的表单，一份可以打印的报表，一个存放文档的地方，一张需要裁剪的图片。到目前为止，每一项都意味着要引入一个 JavaScript 库、一个 CDN 和一些胶水代码。
借助这一轮 sgcHTML 新功能，它们都成了组件。你把它们放到窗体上或在代码中创建，设置属性，用 Pascal 或 C# 处理服务器事件，页面则由服务器使用 Bootstrap 和 htmx 渲染。.NET 中也有相同的组件，配有 ASP.NET Core Tag Helper，并生成相同的标记。
一分钟看完所有功能
新的 sgcHTML 组件在浏览器中实时运行。也可在 YouTube 观看。
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
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);
Report1.LoadFromGrid(Grid1, 'Customers'); // print a grid in one call
Report1.SaveToStream(oStream); // the PDF
vWhere := QueryBuilder1.GetSQLWhere(oParams); // ':qb1' style parameters only
其他方面也都变得更好
📅日程表与日历资源、重复事件、时间轴视图、拖动移动与调整大小，以及用户之间的实时同步。
▦Grid范围选择、与 Excel 之间的复制粘贴、行菜单，以及 CSV、TSV 和 XLSX 导入。
⇧FileUpload带进度的分块可续传上传、大小限制和缩略图。
✎RichEditor工具栏预设、图片、提及，以及服务器端 HTML 净化器。
☷图表与地图可编辑的图表，带自动布局和组织结构图模式，以及地图聚合和 GeoJSON。
✓表单验证与掩码在浏览器和服务器上校验的规则、实时验证和输入掩码。
📆DatePicker带预设、禁用日期和周数的弹出式日历。
⚡服务器事件Tabs、Select、Rating、TreeView、Calendar、Scheduler、Stepper、Modal 和 Toast 都会在您的代码中触发事件。
♿无障碍每个组件都支持 ARIA、键盘导航，并提供符合 WCAG 2.2 A 和 AA 的无障碍合规报告。
在线试用
每项功能都有可立即打开的在线演示，无需下载。
电子表格共享预算、贷款、销售
表单构建器带实时回复的表单
报表设计器子报表和发票
报表查看器PDF、图表和条形码
文件管理器文档门户
图像裁剪器头像与扫描件
代码编辑器SQL 控制台和 JSON
查询构建器由问题生成规则
导览工具提示和导览
日程表实时会议室
工作台上传、图表、地图、表格
表单验证规则与掩码
Delphi 与 .NET，效果一致
每个组件都适用于 Delphi、C++ Builder 和 Lazarus，也适用于 .NET，并提供 ASP.NET Core Tag Helper，例如 <sgc-spreadsheet>、<sgc-form-builder> 和 <sgc-report-viewer>。两者生成相同的标记，组件支持 17 种语言（包括从右到左的文字），所有脚本和样式表都嵌入在库中，因此您的页面永远不依赖 CDN。