Grid
TsgcHTMLComponent_Grid — Delphi, C++ Builder ve .NET'te sıralama, filtreleme, CSV/PDF dışa aktarma, satır içi düzenleme, gruplama, sanal kaydırma ve yapay zeka sorgusu içeren, özellik açısından zengin bir HTML veri ızgarası.
TsgcHTMLComponent_Grid — Delphi, C++ Builder ve .NET'te sıralama, filtreleme, CSV/PDF dışa aktarma, satır içi düzenleme, gruplama, sanal kaydırma ve yapay zeka sorgusu içeren, özellik açısından zengin bir HTML veri ızgarası.
Columns'u tanımlayın, satırları iletin (ya da bir veri kümesi bağlayın), istediğiniz etkileşimli özellikleri açıp kapatın, ardından HTML özelliğini okuyun.
TsgcHTMLComponent_Grid
Bootstrap 5 <table> + etkileşimli betik
Delphi, C++ Builder, .NET
Her alan için bir Columns.Add girişi ekleyin, AddRow ile satırları iletin, ShowSort/ShowFilter/ShowExport'u etkinleştirin, ardından HTML'i okuyun.
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 + scriptEn sık başvurduğunuz üyeler.
Columns (her öğenin Title, Name, Width, Align'ı vardır); AddRow(values) bir satır ekler; Rows, sekmeyle ayrılmış arka liste sunar; Clear onu boşaltır.
LoadFromDataSet'in üç aşırı yüklemesi vardır — tüm alanlar, adlandırılmış bir alan listesi ya da bir maksimum satır sınırı — ve DataSource, canlı bir yenilemeyi yürütür.
Striped, Bordered, Hover, Responsive, Dark ve CSSClass, Bootstrap tablo sınıflarıyla eşleşir.
ShowSort, ShowFilter, ShowExport (CSV + PDF), EditMode'lu InlineEdit ve ColumnReorder, istemci tarafı davranış ekler.
ShowGrouping + GroupByColumn, grup başlıkları işler; VisibleRows ve VirtualScrollURL'li VirtualScroll, görünüm açıldığında daha fazla satır yükler.
AIQueryEnabled, bir soru çubuğu ekler (AIQueryPlaceholder, AIQueryButtonText, AIQueryButtonStyle); ProcessAIQuery, OnAIQuery olayını tetikler.