RadioGroup

TsgcHTMLComponent_RadioGroup — Delphi, C++ Builder 및 .NET에서 Bootstrap 5 form-check 라디오를 렌더링하는, 레이블과 스택 또는 인라인 레이아웃을 갖춘 상호 배타적인 라디오 옵션 그룹입니다.

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>).

옵션

ItemsTStringList입니다 — Items.Add로 선택마다 캡션 하나를 추가하십시오. 각 항목은 그 캡션 텍스트를 value로 갖는 라디오가 됩니다.

선택

SelectedIndex는 미리 선택된 옵션을 표시합니다(기본값 -1, 선택 없음).

레이아웃

InlineLayoutform-check-inline으로 라디오를 가로로 배치합니다. 스택 목록을 원하면 이를 끄십시오.

상태

Disabled는 그룹 전체를 회색으로 처리합니다.

출력 및 형제

HTML은 레이블이 있는 라디오 그룹을 반환합니다. 같은 유닛이 형제 격인 TsgcHTMLComponent_Edit, TsgcHTMLComponent_MemoTsgcHTMLComponent_CheckBox 입력을 선언합니다.

계속 살펴보기

모든 sgcHTML 컴포넌트60개 이상의 컴포넌트 전체 기능 매트릭스를 둘러보십시오.
무료 체험판 다운로드30일 체험판에는 60.HTML 데모 프로젝트가 포함됩니다.
가격전체 소스 코드가 포함된 Single, Team 및 Site 라이선스.

시작할 준비가 되셨습니까?

무료 체험판을 다운로드하고 Delphi, C++ Builder 및 .NET에서 웹 UI를 구축하기 시작하십시오.