RadioGroup
TsgcHTMLComponent_RadioGroup — Delphi、C++ Builder、.NET で、ラベルと縦並びまたは横並びのレイアウトを備え、Bootstrap 5 の form-check ラジオをレンダリングする、相互排他的なラジオオプションのグループです。
TsgcHTMLComponent_RadioGroup — Delphi、C++ Builder、.NET で、ラベルと縦並びまたは横並びのレイアウトを備え、Bootstrap 5 の form-check ラジオをレンダリングする、相互排他的なラジオオプションのグループです。
1 つの Name を共有する Bootstrap の form-check ラジオの集合を出力する、スタンドアロンの単一選択入力欄です。オプションのキャプションを Items に追加し、SelectedIndex を選択してから、HTML プロパティを読み取ります。兄弟コンポーネントの Edit、Memo、CheckBox の各入力と同じユニットに含まれています。
TsgcHTMLComponent_RadioGroup
Bootstrap 5 の form-check ラジオ
Delphi, C++ Builder, .NET
Name と Label_ を設定し、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 はすべてのラジオで共有され、1 つのグループを形成します。Label_ はグループのキャプションです。RadioGroupID はオプションごとの要素 id の元になります(既定値は rg_<Name>)。
Items は TStringList です — 選択肢ごとに Items.Add でキャプションを 1 つ追加します。各エントリは、その value がキャプションテキストとなるラジオになります。
SelectedIndex は、あらかじめチェックされるオプションを示します(既定値 -1、未選択)。
InlineLayout は、form-check-inline でラジオを横方向に配置します。縦並びのリストにする場合はオフのままにします。
Disabled はグループ全体をグレーアウトします。
HTML はラベル付きのラジオグループを返します。同じユニットには、兄弟コンポーネントの TsgcHTMLComponent_Edit、TsgcHTMLComponent_Memo、TsgcHTMLComponent_CheckBox の各入力が宣言されています。