RadioGroup

TsgcHTMLComponent_RadioGroup — een groep van elkaar uitsluitende keuzerondjes met een label en gestapelde of inline layout die Bootstrap 5 form-check-radio's rendert, in Delphi, C++ Builder en .NET.

TsgcHTMLComponent_RadioGroup

Een op zichzelf staande enkelvoudige-keuze-invoer die een set Bootstrap-form-check-radio's uitstuurt die één Name delen. Voeg de optiebijschriften toe aan Items, kies een SelectedIndex en lees dan de HTML-eigenschap. Het zit in dezelfde unit als de verwante Edit-, Memo- en CheckBox-invoervelden.

Componentklasse

TsgcHTMLComponent_RadioGroup

Rendert

Bootstrap 5 form-check-radio's

Talen

Delphi, C++ Builder, .NET

Maak hem aan, voeg opties toe, render hem

Stel Name en Label_ in, voeg bijschriften toe aan de Items-stringlijst, kies een SelectedIndex en lees dan HTML (of plaats het in een TsgcHTMLTemplate_Bootstrap-pagina).

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

Belangrijkste eigenschappen en methoden

De members die je het vaakst gebruikt.

Identiteit

Name wordt door elke radio gedeeld zodat ze één groep vormen, Label_ is het groepsbijschrift en RadioGroupID vult de per-optie element-id's voor (standaard rg_<Name>).

Opties

Items is een TStringList — voeg per keuze één bijschrift toe met Items.Add; elke vermelding wordt een radio waarvan de value de bijschrifttekst is.

Selectie

SelectedIndex markeert de vooraf aangevinkte optie (standaard -1, geen geselecteerd).

Layout

InlineLayout plaatst de radio's horizontaal met form-check-inline; laat het uit voor een gestapelde lijst.

Status

Disabled maakt de hele groep grijs.

Uitvoer en verwanten

HTML retourneert de gelabelde radiogroep. Dezelfde unit declareert de verwante TsgcHTMLComponent_Edit-, TsgcHTMLComponent_Memo- en TsgcHTMLComponent_CheckBox-invoervelden.

Blijf ontdekken

Alle sgcHTML-componentenBlader door de volledige functiematrix van 60+ componenten.
Download gratis proefversieDe proefversie van 30 dagen bevat de 60.HTML-demoprojecten.
PrijzenSingle-, Team- en Site-licenties met volledige broncode.

Klaar om te beginnen?

Download de gratis proefversie en begin met het bouwen van web-UI's in Delphi, C++ Builder en .NET.