InputGroup
TsgcHTMLComponent_InputGroup — render een Bootstrap-invoer met voor- en achtervoegsel-addontekst (bijvoorbeeld $….00 of @username), in Delphi, C++ Builder en .NET.
TsgcHTMLComponent_InputGroup — render een Bootstrap-invoer met voor- en achtervoegsel-addontekst (bijvoorbeeld $….00 of @username), in Delphi, C++ Builder en .NET.
Een invoercomponent dat een Bootstrap-input-group uitstuurt met optionele voor- en achtervoegsel-addontekst rond een form-control. Stel de teksten en de invoer in en lees dan de HTML-eigenschap.
TsgcHTMLComponent_InputGroup
Bootstrap 5 input-group-markup
Delphi, C++ Builder, .NET
Stel PrependText/AppendText en de invoereigenschappen in en lees dan HTML — of roep de statische Build-helper aan voor een one-liner.
uses
sgcHTML_Enums, sgcHTML_Component_InputGroup;
var
oGroup: TsgcHTMLComponent_InputGroup;
begin
oGroup := TsgcHTMLComponent_InputGroup.Create(nil);
try
oGroup.PrependText := '$';
oGroup.AppendText := '.00';
oGroup.InputName := 'amount';
oGroup.InputTypeEnum := itNumber;
oGroup.Placeholder := '0';
oGroup.Size := igsLarge;
WebModule.Response := oGroup.HTML; // <div class="input-group">...
finally
oGroup.Free;
end;
end;
// Or the static one-liner (prepend, name, placeholder, append):
Result := TsgcHTMLComponent_InputGroup.Build('@', 'user', 'username');// includes: sgcHTML_Enums.hpp, sgcHTML_Component_InputGroup.hpp
TsgcHTMLComponent_InputGroup *oGroup = new TsgcHTMLComponent_InputGroup(NULL);
try
{
oGroup->PrependText = "$";
oGroup->AppendText = ".00";
oGroup->InputName = "amount";
oGroup->InputTypeEnum = itNumber;
oGroup->Placeholder = "0";
oGroup->Size = igsLarge;
String html = oGroup->HTML; // <div class="input-group">...
}
__finally
{
delete oGroup;
}
// Or the static one-liner:
String html = TsgcHTMLComponent_InputGroup::Build("@", "user", "username");using esegece.sgcWebSockets;
var group = new TsgcHTMLComponent_InputGroup();
group.PrependText = "$";
group.AppendText = ".00";
group.InputName = "amount";
group.InputTypeEnum = TsgcHTMLInputType.itNumber;
group.Placeholder = "0";
group.Size = TsgcHTMLInputGroupSize.igsLarge;
string html = group.HTML; // <div class="input-group">...
// Or the static one-liner:
string html2 = TsgcHTMLComponent_InputGroup.Build("@", "user", "username");De members die je het vaakst gebruikt.
PrependText rendert een voorafgaande input-group-text-addon; AppendText rendert een afsluitende. Laat beide leeg om ze weg te laten.
InputName, InputValue en Placeholder vullen de interne form-control; InputType stelt de ruwe HTML-typestring in.
InputTypeEnum (TsgcHTMLInputType) kiest itText, itEmail, itNumber, itPassword, itTel en meer zonder de typestring met de hand te coderen.
Size (TsgcHTMLInputGroupSize) kiest igsDefault, igsSmall of igsLarge om de Bootstrap-modifier input-group-sm/-lg toe te voegen.
Build(prepend, inputName, placeholder, append) — en een overload die een TsgcHTMLInputType aanneemt — retourneert de markup in één regel zonder een instantie te beheren.
HTML retourneert de complete input-group-<div>; GroupID stelt het id-attribuut in voor scripting of styling.