Select

TsgcHTMLComponent_Select — une liste déroulante de sélection Bootstrap 5 avec groupes d'options, sélection multiple, dimensionnement et liaison aux jeux de données, en Delphi, C++ Builder et .NET.

En bref

TsgcHTMLComponent_Select

Une liste déroulante qui émet un form-select Bootstrap libellé. Ajoutez des options (ou liez un jeu de données), regroupez-les éventuellement et autorisez la sélection multiple, puis lisez la propriété HTML.

Classe du composant

TsgcHTMLComponent_Select

Produit

form-select Bootstrap 5

Famille

Formulaires & Saisies

Langages

Delphi, C++ Builder, .NET

QuickStart

Créez-le, ajoutez des options, affichez-le

Définissez Name, Label_ et un Placeholder, ajoutez des options avec AddOption (ou AddOptionGroup), puis lisez HTML (ou intégrez-le dans une page 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

Référence

Propriétés & méthodes clés

Les membres que vous utilisez le plus souvent.

Options

Options est une collection de TsgcHTMLSelectOption (chacune avec Value, Text, Selected, Disabled et Group) ; les méthodes pratiques AddOption(value, text, selected) et AddOptionGroup(group, value, text) la remplissent.

Identité

Name définit le nom du champ, Label_ la légende, Placeholder une option de tête désactivée et SelectID l'identifiant de l'élément (par défaut sel_<Name>).

Mode de sélection

Multiple en fait une liste à sélection multiple et VisibleItems définit le nombre de lignes affichées à la fois (l'attribut size).

Dimensionnement

Size est un TsgcHTMLSelectSize — ssDefault, ssSmall ou ssLarge.

Liaison de jeu de données

LoadFromDataSet(aDataSet, aValueField, aTextField, aGroupField) remplit les options à partir d'une requête, en construisant des <optgroup> lorsqu'un champ de groupe est fourni ; affectez DataSource pour un rafraîchissement en direct.

État & sortie

Required et Disabled marquent le contrôle ; HTML renvoie le <select> libellé avec toutes les options et optgroups.

Ressources

Continuez l'exploration

	Tous les composants sgcHTMLParcourez la matrice complète des fonctionnalités de plus de 60 composants.	Ouvrir
	Télécharger la version d'essai gratuiteLa version d'essai de 30 jours fournit les projets de démonstration 60.HTML.	Ouvrir
	TarifsLicences Single, Team et Site avec code source complet.	Ouvrir