RadioGroup

TsgcHTMLComponent_RadioGroup — 一组相互排斥的单选选项,带有标签和堆叠或内联布局,渲染 Bootstrap 5 form-check 单选按钮,适用于 Delphi、C++ Builder 和 .NET。

TsgcHTMLComponent_RadioGroup

一个独立的单选输入,发出共享同一个 Name 的一组 Bootstrap form-check 单选按钮。将选项标题添加到 Items,选择一个 SelectedIndex,然后读取 HTML 属性。它与同级的 Edit、Memo 和 CheckBox 输入位于同一单元中。

组件类

TsgcHTMLComponent_RadioGroup

渲染为

Bootstrap 5 form-check 单选按钮

语言

Delphi, C++ Builder, .NET

创建它、添加选项、渲染它

设置 NameLabel_,将标题添加到 Items 字符串列表,选择一个 SelectedIndex,然后读取 HTML(或将其放入 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

关键属性与方法

您最常使用的成员。

标识

Name 由每个单选按钮共享,使它们构成一个组,Label_ 是组标题,RadioGroupID 为每个选项的元素 id 提供基础(默认为 rg_<Name>)。

选项

Items 是一个 TStringList — 用 Items.Add 为每个选择添加一个标题;每个条目都成为一个单选按钮,其 value 是标题文本。

选择

SelectedIndex 标记预先选中的选项(默认 -1,无选中)。

布局

InlineLayoutform-check-inline 将单选按钮横向排列;关闭它则为堆叠列表。

状态

Disabled 将整个组置灰。

输出与同级

HTML 返回带标签的单选组。同一单元声明了同级的 TsgcHTMLComponent_EditTsgcHTMLComponent_MemoTsgcHTMLComponent_CheckBox 输入。

继续探索

所有 sgcHTML 组件浏览 60 多个组件的完整功能矩阵。
下载免费试用版30 天试用版附带 60.HTML 演示项目。
价格Single、Team 和 Site 授权,均含完整源代码。

准备好开始了吗?

下载免费试用版,开始在 Delphi、C++ Builder 和 .NET 中构建 Web 界面。