RadioGroup

TsgcHTMLComponent_RadioGroup — um grupo de opções de rádio mutuamente exclusivas com label e layout empilhado ou inline que renderiza rádios form-check do Bootstrap 5, em Delphi, C++ Builder e .NET.

Visão geral

TsgcHTMLComponent_RadioGroup

Uma entrada de escolha única independente que emite um conjunto de rádios form-check Bootstrap que compartilham um Name. Adicione as legendas das opções a Items, escolha um SelectedIndex e então leia a propriedade HTML. Ela vem na mesma unit que as entradas irmãs Edit, Memo e CheckBox.

Classe do componente

TsgcHTMLComponent_RadioGroup

Renderiza

Rádios form-check do Bootstrap 5

Família

Formulários & Entradas

Linguagens

Delphi, C++ Builder, .NET

QuickStart

Crie, adicione opções, renderize

Defina Name e Label_, adicione legendas à lista de strings Items, escolha um SelectedIndex e então leia HTML (ou insira-o em uma 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

Referência

Principais propriedades & métodos

Os membros que você usa com mais frequência.

Identidade

Name é compartilhado por cada rádio para que formem um grupo, Label_ é a legenda do grupo e RadioGroupID inicializa os ids de elemento por opção (padrão rg_<Name>).

Opções

Items é uma TStringList — adicione uma legenda por escolha com Items.Add; cada entrada se torna um rádio cujo value é o texto da legenda.

Seleção

SelectedIndex marca a opção pré-selecionada (padrão -1, nenhuma selecionada).

Layout

InlineLayout dispõe os rádios horizontalmente com form-check-inline; deixe-o desativado para uma lista empilhada.

Estado

Disabled acinzenta todo o grupo.

Saída & irmãos

HTML retorna o grupo de rádio com label. A mesma unit declara as entradas irmãs TsgcHTMLComponent_Edit, TsgcHTMLComponent_Memo e TsgcHTMLComponent_CheckBox.

Recursos

Continue explorando

	Todos os Componentes sgcHTMLExplore a matriz completa de recursos com mais de 60 componentes.	Abrir
	Baixar Versão de Avaliação GratuitaA avaliação de 30 dias inclui os projetos de demonstração 60.HTML.	Abrir
	PreçosLicenças Single, Team e Site com código-fonte completo.	Abrir