RadioGroup

TsgcHTMLComponent_RadioGroup — Delphi、C++ Builder、.NET で、ラベルと縦並びまたは横並びのレイアウトを備え、Bootstrap 5 の form-check ラジオをレンダリングする、相互排他的なラジオオプションのグループです。

TsgcHTMLComponent_RadioGroup

1 つの 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

主なプロパティとメソッド

最もよく使うメンバーです。

Identity

Name はすべてのラジオで共有され、1 つのグループを形成します。Label_ はグループのキャプションです。RadioGroupID はオプションごとの要素 id の元になります(既定値は rg_<Name>)。

Options

ItemsTStringList です — 選択肢ごとに Items.Add でキャプションを 1 つ追加します。各エントリは、その value がキャプションテキストとなるラジオになります。

Selection

SelectedIndex は、あらかじめチェックされるオプションを示します(既定値 -1、未選択)。

Layout

InlineLayout は、form-check-inline でラジオを横方向に配置します。縦並びのリストにする場合はオフのままにします。

State

Disabled はグループ全体をグレーアウトします。

Output & siblings

HTML はラベル付きのラジオグループを返します。同じユニットには、兄弟コンポーネントの TsgcHTMLComponent_EditTsgcHTMLComponent_MemoTsgcHTMLComponent_CheckBox の各入力が宣言されています。

さらに詳しく

すべての sgcHTML コンポーネント60 以上のコンポーネントの全機能マトリックスを閲覧できます。
無料体験版のダウンロード30 日間の体験版には 60.HTML デモプロジェクトが付属します。
価格完全なソースコード付きの Single、Team、Site ライセンス。

始める準備はできましたか?

無料体験版をダウンロードして、Delphi、C++ Builder、.NET で Web UI の構築を始めましょう。