Bir bakışta

TsgcHTMLComponent_Select

Etiketli bir Bootstrap form-select üreten bir açılır menü. Seçenekler ekleyin (ya da bir veri kümesi bağlayın), isteğe bağlı olarak onları gruplayın ve çoklu seçime izin verin, ardından HTML özelliğini okuyun.

Bileşen sınıfı

TsgcHTMLComponent_Select

İşler

Bootstrap 5 form-select

Aile

Formlar & Girdiler

Diller

Delphi, C++ Builder, .NET

QuickStart

Oluşturun, seçenekler ekleyin, işleyin

Name, Label_ ve bir Placeholder ayarlayın, AddOption (ya da AddOptionGroup) ile seçenekler ekleyin, ardından HTML'i okuyun (ya da bir TsgcHTMLTemplate_Bootstrap sayfasına yerleştirin).

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

Başvuru

Temel özellikler & yöntemler

En sık başvurduğunuz üyeler.

Seçenekler

Options, bir TsgcHTMLSelectOption koleksiyonudur (her biri Value, Text, Selected, Disabled ve Group ile); AddOption(value, text, selected) ve AddOptionGroup(group, value, text) kolaylık yöntemleri onu doldurur.

Kimlik

Name, alan adını, Label_, başlığı, Placeholder, devre dışı bir öncü seçeneği ve SelectID, öğe kimliğini ayarlar (varsayılan sel_<Name>).

Seçim modu

Multiple, onu çoklu seçim listesine dönüştürür ve VisibleItems, aynı anda kaç satırın gösterileceğini ayarlar (size özniteliği).

Boyutlandırma

Size, bir TsgcHTMLSelectSize'tır — ssDefault, ssSmall veya ssLarge.

Veri kümesi bağlama

LoadFromDataSet(aDataSet, aValueField, aTextField, aGroupField), bir grup alanı sağlandığında <optgroup>'lar oluşturarak seçenekleri bir sorgudan doldurur; canlı yenileme için DataSource atayın.

Durum & çıktı

Required ve Disabled, denetimi işaretler; HTML, tüm seçenekler ve optgroup'larla etiketli <select>'i döndürür.

Kaynaklar

Keşfetmeye devam edin

	Tüm sgcHTML Bileşenleri60'tan fazla bileşenin tam özellik matrisine göz atın.	Aç
	Ücretsiz Deneme Sürümünü İndirin30 günlük deneme, 60.HTML demo projeleriyle birlikte gelir.	Aç
	FiyatlandırmaTam kaynak kodlu Single, Team ve Site lisansları.	Aç

Select