Select

TsgcHTMLComponent_Select — Delphi, C++ Builder 및 .NET에서 옵션 그룹, 다중 선택, 크기 조정 및 데이터셋 바인딩을 갖춘 Bootstrap 5 선택 드롭다운입니다.

TsgcHTMLComponent_Select

레이블이 있는 Bootstrap form-select를 내보내는 드롭다운입니다. 옵션을 추가하고(또는 데이터셋을 바인딩하고), 선택적으로 그룹화하고 다중 선택을 허용한 다음, HTML 속성을 읽습니다.

컴포넌트 클래스

TsgcHTMLComponent_Select

렌더링

Bootstrap 5 form-select

패밀리

폼 및 입력

언어

Delphi, C++ Builder, .NET

생성하고, 옵션을 추가하고, 렌더링하기

Name, Label_Placeholder를 설정하고, AddOption(또는 AddOptionGroup)으로 옵션을 추가한 다음, HTML을 읽습니다(또는 TsgcHTMLTemplate_Bootstrap 페이지에 넣습니다).

uses
  sgcHTML_Enums, sgcHTML_Component_Select;

var
  oSelect: TsgcHTMLComponent_Select;
begin
  oSelect := TsgcHTMLComponent_Select.Create(nil);
  try
    oSelect.Name := 'country';
    oSelect.Label_ := 'Country';
    oSelect.Placeholder := 'Select a country';
    oSelect.Size := ssLarge;

    oSelect.AddOption('es', 'Spain', True);
    oSelect.AddOption('fr', 'France');
    oSelect.AddOptionGroup('Americas', 'us', 'United States');

    WebModule.Response := oSelect.HTML;   // Bootstrap form-select
  finally
    oSelect.Free;
  end;
end;

// Or fill it straight from a dataset:
oSelect.LoadFromDataSet(qryCountries, 'Code', 'Name', 'Region');
// includes: sgcHTML_Enums.hpp, sgcHTML_Component_Select.hpp

TsgcHTMLComponent_Select *oSelect = new TsgcHTMLComponent_Select(NULL);
try
{
  oSelect->Name = "country";
  oSelect->Label_ = "Country";
  oSelect->Placeholder = "Select a country";
  oSelect->Size = ssLarge;

  oSelect->AddOption("es", "Spain", true);
  oSelect->AddOption("fr", "France");
  oSelect->AddOptionGroup("Americas", "us", "United States");

  String html = oSelect->HTML;   // Bootstrap form-select
}
__finally
{
  delete oSelect;
}
using esegece.sgcWebSockets;

var select = new TsgcHTMLComponent_Select();
select.Name = "country";
select.Label_ = "Country";
select.Placeholder = "Select a country";
select.Size = TsgcHTMLSelectSize.ssLarge;

select.AddOption("es", "Spain", true);
select.AddOption("fr", "France");
select.AddOptionGroup("Americas", "us", "United States");

string html = select.HTML;   // Bootstrap form-select

주요 속성 및 메서드

가장 자주 사용하게 되는 멤버.

옵션

OptionsTsgcHTMLSelectOption의 컬렉션입니다(각각 Value, Text, Selected, DisabledGroup 보유). 편의 메서드 AddOption(value, text, selected)AddOptionGroup(group, value, text)가 이를 채웁니다.

식별

Name은 필드 이름을, Label_은 캡션을, Placeholder는 비활성화된 선행 옵션을, SelectID는 요소 id를 설정합니다(기본값은 sel_<Name>).

선택 모드

Multiple은 이를 다중 선택 목록으로 만들고, VisibleItems는 한 번에 표시되는 행 수(size 속성)를 설정합니다.

크기 조정

SizeTsgcHTMLSelectSize입니다 — ssDefault, ssSmall 또는 ssLarge.

데이터셋 바인딩

LoadFromDataSet(aDataSet, aValueField, aTextField, aGroupField)는 쿼리에서 옵션을 채우며, 그룹 필드가 제공되면 <optgroup>을 구성합니다. 실시간 새로 고침을 위해 DataSource를 할당하십시오.

상태 및 출력

RequiredDisabled는 컨트롤을 표시합니다. HTML은 모든 옵션과 옵션 그룹을 갖춘 레이블이 있는 <select>를 반환합니다.

계속 살펴보기

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

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

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