Edit

TsgcHTMLComponent_Edit — een eenregelige tekstinvoer met een label, helptekst, invoertype en datasetbinding die een Bootstrap 5 form-control rendert, in Delphi, C++ Builder en .NET.

TsgcHTMLComponent_Edit

Een op zichzelf staande tekstinvoer die een gelabelde Bootstrap-<input> uitstuurt. Stel de naam, het label en het invoertype in en lees dan de HTML-eigenschap. Het zit in dezelfde unit als de verwante Memo-, CheckBox- en RadioGroup-invoervelden.

Componentklasse

TsgcHTMLComponent_Edit

Rendert

Bootstrap 5 form-control-invoer

Talen

Delphi, C++ Builder, .NET

Maak hem aan, configureer hem, render hem

Stel Name, Label_, InputType en een Placeholder in en lees dan HTML (of plaats het in een TsgcHTMLTemplate_Bootstrap-pagina).

uses
  sgcHTML_Enums, sgcHTML_Component_Edit;

var
  oEdit: TsgcHTMLComponent_Edit;
begin
  oEdit := TsgcHTMLComponent_Edit.Create(nil);
  try
    oEdit.Name := 'email';
    oEdit.Label_ := 'Email address';
    oEdit.InputType := itEmail;
    oEdit.Placeholder := 'you@example.com';
    oEdit.HelpText := 'We never share it.';
    oEdit.Required := True;

    WebModule.Response := oEdit.HTML;   // Bootstrap form-control
  finally
    oEdit.Free;
  end;
end;

// Or bind it to a dataset field:
oEdit.DataField := 'Email';
oEdit.DataSource := dsCustomer;
// includes: sgcHTML_Enums.hpp, sgcHTML_Component_Edit.hpp

TsgcHTMLComponent_Edit *oEdit = new TsgcHTMLComponent_Edit(NULL);
try
{
  oEdit->Name = "email";
  oEdit->Label_ = "Email address";
  oEdit->InputType = itEmail;
  oEdit->Placeholder = "you@example.com";
  oEdit->HelpText = "We never share it.";
  oEdit->Required = true;

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

var edit = new TsgcHTMLComponent_Edit();
edit.Name = "email";
edit.Label_ = "Email address";
edit.InputType = TsgcHTMLInputType.itEmail;
edit.Placeholder = "you@example.com";
edit.HelpText = "We never share it.";
edit.Required = true;

string html = edit.HTML;   // Bootstrap form-control

Belangrijkste eigenschappen en methoden

De members die je het vaakst gebruikt.

Identiteit

Name stelt de veldnaam in, Label_ het zichtbare bijschrift en EditID de element-id (standaard edit_<Name>).

Waarde en hint

Value vult de invoer voor, Placeholder toont spooktekst en HelpText voegt een Bootstrap-form-text-hint onder het veld toe.

Invoertype

InputType is een TsgcHTMLInputTypeitText, itEmail, itPassword, itNumber, itTel, itURL, itDate, itColor, itRange, itFile en meer.

Status

Required, Disabled en ReadOnly markeren de invoer voor validatie en bewerking.

Datasetbinding

DataField plus een toegewezen DataSource vult Value vanuit het huidige record.

Uitvoer en verwanten

HTML retourneert de gelabelde form-control. Dezelfde unit declareert de verwante TsgcHTMLComponent_Memo-, TsgcHTMLComponent_CheckBox- en TsgcHTMLComponent_RadioGroup-invoervelden.

Blijf ontdekken

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

Klaar om te beginnen?

Download de gratis proefversie en begin met het bouwen van web-UI's in Delphi, C++ Builder en .NET.