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 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.

Classe del componente

TsgcHTMLComponent_RadioGroup

Genera

radio form-check di Bootstrap 5

Famiglia

Moduli e Campi

Linguaggi

Delphi, C++ Builder, .NET

Crealo, aggiungi le opzioni, generalo

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

Proprietà e metodi principali

I membri che usi più spesso.

Identità

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>).

Opzioni

Items è una TStringList — aggiungi una didascalia per scelta con Items.Add; ogni voce diventa un radio il cui value è il testo della didascalia.

Selezione

SelectedIndex indica l'opzione preselezionata (predefinito -1, nessuna selezionata).

Layout

InlineLayout dispone i radio orizzontalmente con form-check-inline; lascialo disattivato per un elenco in colonna.

Stato

Disabled disattiva l'intero gruppo.

Output e componenti fratelli

HTML restituisce il gruppo di radio con etichetta. La stessa unit dichiara gli input fratelli TsgcHTMLComponent_Edit, TsgcHTMLComponent_Memo e TsgcHTMLComponent_CheckBox.

Continua a esplorare

Tutti i componenti sgcHTMLSfoglia la matrice completa delle funzionalità di oltre 60 componenti.
Scarica la versione di provaLa prova di 30 giorni include i progetti demo 60.HTML.
PrezziLicenze Single, Team e Site con codice sorgente completo.

Pronto per iniziare?

Scarica la versione di prova gratuita e inizia a creare interfacce web in Delphi, C++ Builder e .NET.