Grid
TsgcHTMLComponent_Grid — Delphi, C++ Builder 및 .NET에서 정렬, 필터링, CSV/PDF 내보내기, 인라인 편집, 그룹화, 가상 스크롤 및 AI 쿼리를 갖춘 기능이 풍부한 HTML 데이터 그리드입니다.
TsgcHTMLComponent_Grid — Delphi, C++ Builder 및 .NET에서 정렬, 필터링, CSV/PDF 내보내기, 인라인 편집, 그룹화, 가상 스크롤 및 AI 쿼리를 갖춘 기능이 풍부한 HTML 데이터 그리드입니다.
Columns를 정의하고, 행을 추가하고(또는 데이터셋을 바인딩하고), 원하는 인터랙티브 기능을 토글한 다음, HTML 속성을 읽습니다.
TsgcHTMLComponent_Grid
Bootstrap 5 <table> + 인터랙티브 스크립트
Delphi, C++ Builder, .NET
필드마다 Columns.Add 항목을 추가하고, AddRow로 행을 추가하고, ShowSort/ShowFilter/ShowExport를 활성화한 다음, HTML을 읽습니다.
uses
sgcHTML_Component_Grid;
var
oGrid: TsgcHTMLComponent_Grid;
begin
oGrid := TsgcHTMLComponent_Grid.Create(nil);
try
oGrid.TableID := 'orders';
oGrid.Striped := True;
oGrid.Hover := True;
oGrid.ShowSort := True;
oGrid.ShowFilter := True;
oGrid.ShowExport := True;
oGrid.Columns.Add.Title := 'Customer';
oGrid.Columns.Add.Title := 'Country';
oGrid.Columns.Add.Title := 'Total';
oGrid.AddRow(['Alfreds', 'Germany', '1,200']);
oGrid.AddRow(['Around the Horn', 'UK', '1,900']);
WebModule.Response := oGrid.HTML; // Bootstrap table + script
finally
oGrid.Free;
end;
end;
// Or bind it straight to a dataset:
oGrid.LoadFromDataSet(qryOrders);// includes: sgcHTML_Component_Grid.hpp
TsgcHTMLComponent_Grid *oGrid = new TsgcHTMLComponent_Grid(NULL);
try
{
oGrid->TableID = "orders";
oGrid->Striped = true;
oGrid->Hover = true;
oGrid->ShowSort = true;
oGrid->ShowFilter = true;
oGrid->ShowExport = true;
oGrid->Columns->Add()->Title = "Customer";
oGrid->Columns->Add()->Title = "Country";
oGrid->Columns->Add()->Title = "Total";
oGrid->AddRow(OPENARRAY(String, ("Alfreds", "Germany", "1,200")));
oGrid->AddRow(OPENARRAY(String, ("Around the Horn", "UK", "1,900")));
String html = oGrid->HTML; // Bootstrap table + script
}
__finally
{
delete oGrid;
}using esegece.sgcWebSockets;
var grid = new TsgcHTMLComponent_Grid();
grid.TableID = "orders";
grid.Striped = true;
grid.Hover = true;
grid.ShowSort = true;
grid.ShowFilter = true;
grid.ShowExport = true;
grid.Columns.Add().Title = "Customer";
grid.Columns.Add().Title = "Country";
grid.Columns.Add().Title = "Total";
grid.AddRow(new string[] { "Alfreds", "Germany", "1,200" });
grid.AddRow(new string[] { "Around the Horn", "UK", "1,900" });
string html = grid.HTML; // Bootstrap table + script가장 자주 사용하게 되는 멤버.
Columns(각 항목은 Title, Name, Width, Align을 가짐); AddRow(values)는 행을 추가합니다. Rows는 탭으로 구분된 백킹 목록을 제공하며, Clear는 이를 비웁니다.
LoadFromDataSet은 세 가지 오버로드가 있습니다 — 모든 필드, 명명된 필드 목록 또는 최대 행 제한 — DataSource는 실시간 새로 고침을 구동합니다.
Striped, Bordered, Hover, Responsive, Dark 및 CSSClass는 Bootstrap 표 클래스에 매핑됩니다.
ShowSort, ShowFilter, ShowExport(CSV + PDF), EditMode가 있는 InlineEdit 및 ColumnReorder가 클라이언트 측 동작을 추가합니다.
ShowGrouping + GroupByColumn은 그룹 헤더를 렌더링합니다. VisibleRows 및 VirtualScrollURL이 있는 VirtualScroll은 표시될 때 더 많은 행을 로드합니다.
AIQueryEnabled는 질문 바(AIQueryPlaceholder, AIQueryButtonText, AIQueryButtonStyle)를 추가합니다. ProcessAIQuery는 OnAIQuery 이벤트를 발생시킵니다.
TsgcHTMLAIAssistant를 AIAssistant에 지정하면 질문 바가 문장을 필터, 정렬, 그룹화, 강조 표시로 변환하며, 무엇이든 적용되기 전에 사용자의 열을 기준으로 검증합니다. AIPersistState는 쿼리를 세션에 유지하며, 열 어시스턴트(열의 AIPrompt와 AIMode, OnAIColumnValues)는 사용자가 행별로 수락하거나 거부하는 값을 제안합니다.