RadioGroup
TsgcHTMLComponent_RadioGroup — un gruppo di opzioni radio mutuamente esclusive con un'etichetta e un layout in colonna o in linea che genera radio form-check di Bootstrap 5, in Delphi, C++ Builder e .NET.
TsgcHTMLComponent_RadioGroup — un gruppo di opzioni radio mutuamente esclusive con un'etichetta e un layout in colonna o in linea che genera radio form-check di Bootstrap 5, in Delphi, C++ Builder e .NET.
Un input a scelta singola autonomo che genera un insieme di radio form-check di Bootstrap che condividono lo stesso Name. Aggiungi le didascalie delle opzioni a Items, scegli un SelectedIndex, poi leggi la proprietà HTML. È fornito nella stessa unit degli input fratelli Edit, Memo e CheckBox.
TsgcHTMLComponent_RadioGroup
radio form-check di Bootstrap 5
Delphi, C++ Builder, .NET
Imposta Name e Label_, aggiungi le didascalie alla lista di stringhe Items, scegli un SelectedIndex, poi leggi HTML (oppure inseriscilo in una pagina 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 radios
I membri che usi più spesso.
Name è condiviso da ogni radio così da formare un unico gruppo, Label_ è la didascalia del gruppo e RadioGroupID genera gli id degli elementi di ciascuna opzione (predefinito rg_<Name>).
Items è una TStringList — aggiungi una didascalia per scelta con Items.Add; ogni voce diventa un radio il cui value è il testo della didascalia.
SelectedIndex indica l'opzione preselezionata (predefinito -1, nessuna selezionata).
InlineLayout dispone i radio orizzontalmente con form-check-inline; lascialo disattivato per un elenco in colonna.
Disabled disattiva l'intero gruppo.
HTML restituisce il gruppo di radio con etichetta. La stessa unit dichiara gli input fratelli TsgcHTMLComponent_Edit, TsgcHTMLComponent_Memo e TsgcHTMLComponent_CheckBox.