In één oogopslag

TsgcHTMLComponent_Select

Een dropdown die een gelabelde Bootstrap-form-select uitstuurt. Voeg opties toe (of koppel een dataset), groepeer ze optioneel en sta meervoudige selectie toe, en lees dan de HTML-eigenschap.

Componentklasse

TsgcHTMLComponent_Select

Rendert

Bootstrap 5 form-select

Familie

Formulieren en invoer

Talen

Delphi, C++ Builder, .NET

QuickStart

Maak hem aan, voeg opties toe, render hem

Stel Name, Label_ en een Placeholder in, voeg opties toe met AddOption (of AddOptionGroup) en lees dan HTML (of plaats het in een TsgcHTMLTemplate_Bootstrap-pagina).

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

Referentie

Belangrijkste eigenschappen en methoden

De members die je het vaakst gebruikt.

Opties

Options is een verzameling van TsgcHTMLSelectOption (elk met Value, Text, Selected, Disabled en Group); de gemaksmethoden AddOption(value, text, selected) en AddOptionGroup(group, value, text) vullen die.

Identiteit

Name stelt de veldnaam in, Label_ het bijschrift, Placeholder een uitgeschakelde leidende optie en SelectID de element-id (standaard sel_<Name>).

Selectiemodus

Multiple maakt er een multi-select-lijst van en VisibleItems stelt in hoeveel rijen tegelijk worden getoond (het size-attribuut).

Afmetingen

Size is een TsgcHTMLSelectSize — ssDefault, ssSmall of ssLarge.

Datasetbinding

LoadFromDataSet(aDataSet, aValueField, aTextField, aGroupField) vult de opties vanuit een query en bouwt <optgroup>'s wanneer een groepveld wordt opgegeven; wijs DataSource toe voor live vernieuwing.

Status en uitvoer

Required en Disabled markeren het besturingselement; HTML retourneert de gelabelde <select> met alle opties en optgroups.

Bronnen

Blijf ontdekken

	Alle sgcHTML-componentenBlader door de volledige functiematrix van 60+ componenten.	Openen
	Download gratis proefversieDe proefversie van 30 dagen bevat de 60.HTML-demoprojecten.	Openen
	PrijzenSingle-, Team- en Site-licenties met volledige broncode.	Openen

Select