RadioGroup

TsgcHTMLComponent_RadioGroup — eine Gruppe sich gegenseitig ausschließender Radio-Optionen mit einem Label und gestapeltem oder Inline-Layout, die Bootstrap-5-form-check-Radios rendert, in Delphi, C++ Builder und .NET.

Auf einen Blick

TsgcHTMLComponent_RadioGroup

Ein eigenständiges Einzelauswahl-Eingabefeld, das einen Satz von Bootstrap-form-check-Radios ausgibt, die sich einen Name teilen. Fügen Sie die Optionsbeschriftungen zu Items hinzu, wählen Sie einen SelectedIndex und lesen Sie dann die HTML-Eigenschaft. Es wird in derselben Unit wie die verwandten Edit-, Memo- und CheckBox-Eingaben ausgeliefert.

Komponentenklasse

TsgcHTMLComponent_RadioGroup

Rendert

Bootstrap-5-form-check-Radios

Familie

Formulare & Eingaben

Sprachen

Delphi, C++ Builder, .NET

QuickStart

Erstellen, Optionen hinzufügen, rendern

Setzen Sie Name und Label_, fügen Sie Beschriftungen zur Items-Stringliste hinzu, wählen Sie einen SelectedIndex und lesen Sie dann HTML (oder fügen Sie es in eine TsgcHTMLTemplate_Bootstrap-Seite ein).

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

Referenz

Wichtige Eigenschaften & Methoden

Die Member, die Sie am häufigsten verwenden.

Identität

Name wird von jedem Radio geteilt, sodass sie eine Gruppe bilden, Label_ ist die Gruppenbeschriftung und RadioGroupID initialisiert die Element-ids je Option (Standard rg_<Name>).

Optionen

Items ist eine TStringList — fügen Sie pro Auswahl eine Beschriftung mit Items.Add hinzu; jeder Eintrag wird zu einem Radio, dessen value der Beschriftungstext ist.

Auswahl

SelectedIndex markiert die vorab ausgewählte Option (Standard -1, keine ausgewählt).

Layout

InlineLayout ordnet die Radios horizontal mit form-check-inline an; lassen Sie es deaktiviert für eine gestapelte Liste.

Zustand

Disabled graut die gesamte Gruppe aus.

Ausgabe & Verwandte

HTML gibt die beschriftete Radio-Gruppe zurück. Dieselbe Unit deklariert die verwandten Eingaben TsgcHTMLComponent_Edit, TsgcHTMLComponent_Memo und TsgcHTMLComponent_CheckBox.

Ressourcen

Weiter entdecken

	Alle sgcHTML-KomponentenDurchsuchen Sie die vollständige Funktionsmatrix von über 60 Komponenten.	Öffnen
	Kostenlose Testversion herunterladenDie 30-Tage-Testversion enthält die 60.HTML-Demoprojekte.	Öffnen
	PreiseSingle-, Team- und Site-Lizenzen mit vollständigem Quellcode.	Öffnen