Select
TsgcHTMLComponent_Select — lista rozwijana Bootstrap 5 z grupami optgroup, wyborem wielokrotnym, rozmiarem i wiązaniem z zestawem danych, w Delphi, C++ Builder i .NET.
TsgcHTMLComponent_Select — lista rozwijana Bootstrap 5 z grupami optgroup, wyborem wielokrotnym, rozmiarem i wiązaniem z zestawem danych, w Delphi, C++ Builder i .NET.
Lista rozwijana, która generuje opatrzony etykietą element form-select Bootstrap. Dodaj opcje (lub powiąż zestaw danych), opcjonalnie pogrupuj je i pozwól na wybór wielokrotny, a następnie odczytaj właściwość HTML.
TsgcHTMLComponent_Select
Element form-select Bootstrap 5
Delphi, C++ Builder, .NET
Ustaw Name, Label_ i Placeholder, dodaj opcje za pomocą AddOption (lub AddOptionGroup), a następnie odczytaj HTML (albo umieść go na stronie TsgcHTMLTemplate_Bootstrap).
uses
sgcHTML_Enums, sgcHTML_Component_Select;
var
oSelect: TsgcHTMLComponent_Select;
begin
oSelect := TsgcHTMLComponent_Select.Create(nil);
try
oSelect.Name := 'country';
oSelect.Label_ := 'Country';
oSelect.Placeholder := 'Select a country';
oSelect.Size := ssLarge;
oSelect.AddOption('es', 'Spain', True);
oSelect.AddOption('fr', 'France');
oSelect.AddOptionGroup('Americas', 'us', 'United States');
WebModule.Response := oSelect.HTML; // Bootstrap form-select
finally
oSelect.Free;
end;
end;
// Or fill it straight from a dataset:
oSelect.LoadFromDataSet(qryCountries, 'Code', 'Name', 'Region');// includes: sgcHTML_Enums.hpp, sgcHTML_Component_Select.hpp
TsgcHTMLComponent_Select *oSelect = new TsgcHTMLComponent_Select(NULL);
try
{
oSelect->Name = "country";
oSelect->Label_ = "Country";
oSelect->Placeholder = "Select a country";
oSelect->Size = ssLarge;
oSelect->AddOption("es", "Spain", true);
oSelect->AddOption("fr", "France");
oSelect->AddOptionGroup("Americas", "us", "United States");
String html = oSelect->HTML; // Bootstrap form-select
}
__finally
{
delete oSelect;
}using esegece.sgcWebSockets;
var select = new TsgcHTMLComponent_Select();
select.Name = "country";
select.Label_ = "Country";
select.Placeholder = "Select a country";
select.Size = TsgcHTMLSelectSize.ssLarge;
select.AddOption("es", "Spain", true);
select.AddOption("fr", "France");
select.AddOptionGroup("Americas", "us", "United States");
string html = select.HTML; // Bootstrap form-selectSkładniki, po które sięgasz najczęściej.
Options to kolekcja TsgcHTMLSelectOption (każda z Value, Text, Selected, Disabled i Group); metody pomocnicze AddOption(value, text, selected) i AddOptionGroup(group, value, text) ją wypełniają.
Name ustawia nazwę pola, Label_ podpis, Placeholder wyłączoną opcję wiodącą, a SelectID identyfikator elementu (domyślnie sel_<Name>).
Multiple zamienia ją w listę wielokrotnego wyboru, a VisibleItems ustawia, ile wierszy jest wyświetlanych naraz (atrybut size).
Size to TsgcHTMLSelectSize — ssDefault, ssSmall lub ssLarge.
LoadFromDataSet(aDataSet, aValueField, aTextField, aGroupField) wypełnia opcje z zapytania, budując elementy <optgroup>, gdy podano pole grupy; przypisz DataSource, aby uzyskać odświeżanie na żywo.
Required i Disabled oznaczają kontrolkę; HTML zwraca opatrzony etykietą element <select> ze wszystkimi opcjami i grupami optgroup.