RadioGroup
TsgcHTMLComponent_RadioGroup — grupa wzajemnie wykluczających się opcji radiowych z etykietą i układem w stosie lub wbudowanym, która renderuje pola radiowe form-check Bootstrap 5, w Delphi, C++ Builder i .NET.
TsgcHTMLComponent_RadioGroup — grupa wzajemnie wykluczających się opcji radiowych z etykietą i układem w stosie lub wbudowanym, która renderuje pola radiowe form-check Bootstrap 5, w Delphi, C++ Builder i .NET.
Samodzielne pole jednokrotnego wyboru, które generuje zestaw pól radiowych form-check Bootstrap współdzielących jedną wartość Name. Dodaj podpisy opcji do Items, wybierz SelectedIndex, a następnie odczytaj właściwość HTML. Dostarczane jest w tej samej jednostce co pokrewne pola Edit, Memo i CheckBox.
TsgcHTMLComponent_RadioGroup
Pola radiowe form-check Bootstrap 5
Delphi, C++ Builder, .NET
Ustaw Name i Label_, dodaj podpisy do listy ciągów Items, wybierz SelectedIndex, a następnie odczytaj HTML (albo umieść go na stronie TsgcHTMLTemplate_Bootstrap).
uses
sgcHTML_Component_Edit;
var
oRadio: TsgcHTMLComponent_RadioGroup;
begin
oRadio := TsgcHTMLComponent_RadioGroup.Create(nil);
try
oRadio.Name := 'plan';
oRadio.Label_ := 'Choose a plan';
oRadio.Items.Add('Free');
oRadio.Items.Add('Pro');
oRadio.Items.Add('Enterprise');
oRadio.SelectedIndex := 1;
oRadio.InlineLayout := True;
WebModule.Response := oRadio.HTML; // Bootstrap form-check radios
finally
oRadio.Free;
end;
end;// includes: sgcHTML_Component_Edit.hpp
TsgcHTMLComponent_RadioGroup *oRadio = new TsgcHTMLComponent_RadioGroup(NULL);
try
{
oRadio->Name = "plan";
oRadio->Label_ = "Choose a plan";
oRadio->Items->Add("Free");
oRadio->Items->Add("Pro");
oRadio->Items->Add("Enterprise");
oRadio->SelectedIndex = 1;
oRadio->InlineLayout = true;
String html = oRadio->HTML; // Bootstrap form-check radios
}
__finally
{
delete oRadio;
}using esegece.sgcWebSockets;
var radio = new TsgcHTMLComponent_RadioGroup();
radio.Name = "plan";
radio.Label_ = "Choose a plan";
radio.Items.Add("Free");
radio.Items.Add("Pro");
radio.Items.Add("Enterprise");
radio.SelectedIndex = 1;
radio.InlineLayout = true;
string html = radio.HTML; // Bootstrap form-check radiosSkładniki, po które sięgasz najczęściej.
Name jest współdzielone przez każde pole radiowe, dzięki czemu tworzą jedną grupę, Label_ to podpis grupy, a RadioGroupID inicjuje identyfikatory elementów poszczególnych opcji (domyślnie rg_<Name>).
Items to TStringList — dodaj jeden podpis na każdy wybór za pomocą Items.Add; każda pozycja staje się polem radiowym, którego value to tekst podpisu.
SelectedIndex oznacza wstępnie zaznaczoną opcję (domyślnie -1, brak zaznaczenia).
InlineLayout układa pola radiowe poziomo za pomocą form-check-inline; pozostaw je wyłączone dla listy w stosie.
Disabled wyszarza całą grupę.
HTML zwraca opatrzoną etykietą grupę radiową. Ta sama jednostka deklaruje pokrewne pola TsgcHTMLComponent_Edit, TsgcHTMLComponent_Memo i TsgcHTMLComponent_CheckBox.