RadioGroup

TsgcHTMLComponent_RadioGroup — un grupo de opciones radio mutuamente excluyentes con etiqueta y diseño apilado o en línea que genera radios form-check de Bootstrap 5, en Delphi, C++ Builder y .NET.

De un vistazo

TsgcHTMLComponent_RadioGroup

Una entrada de selección única independiente que genera un conjunto de radios form-check de Bootstrap que comparten un mismo Name. Añade los rótulos de las opciones a Items, elige un SelectedIndex y luego lee la propiedad HTML. Se distribuye en la misma unit que las entradas hermanas Edit, Memo y CheckBox.

Clase del componente

TsgcHTMLComponent_RadioGroup

Genera

Radios form-check de Bootstrap 5

Familia

Formularios y Entradas

Lenguajes

Delphi, C++ Builder, .NET

Inicio rápido

Créalo, añade opciones, genéralo

Configura Name y Label_, añade rótulos a la lista de cadenas Items, elige un SelectedIndex y luego lee HTML (o colócalo en una página 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

Referencia

Propiedades y métodos clave

Los miembros que más utilizarás.

Identidad

Name es compartido por cada radio para que formen un grupo, Label_ es el rótulo del grupo y RadioGroupID inicializa los ids de elemento por opción (por defecto rg_<Name>).

Opciones

Items es un TStringList — añade un rótulo por opción con Items.Add; cada entrada se convierte en un radio cuyo value es el texto del rótulo.

Selección

SelectedIndex marca la opción preseleccionada (por defecto -1, ninguna seleccionada).

Diseño

InlineLayout dispone los radios horizontalmente con form-check-inline; déjalo desactivado para una lista apilada.

Estado

Disabled atenúa todo el grupo.

Salida y hermanos

HTML devuelve el grupo de radios con etiqueta. La misma unit declara las entradas hermanas TsgcHTMLComponent_Edit, TsgcHTMLComponent_Memo y TsgcHTMLComponent_CheckBox.

Recursos

Sigue explorando

	Todos los componentes de sgcHTMLExplora la matriz de características completa de más de 60 componentes.	Abrir
	Descargar prueba gratuitaLa prueba de 30 días incluye los proyectos de demostración 60.HTML.	Abrir
	PreciosLicencias Single, Team y Site con todo el código fuente.	Abrir