Edit

TsgcHTMLComponent_Edit — eine einzeilige Texteingabe mit Label, Hilfetext, Eingabetyp und Dataset-Bindung, die ein Bootstrap-5-form-control rendert, in Delphi, C++ Builder und .NET.

Auf einen Blick

TsgcHTMLComponent_Edit

Eine eigenständige Texteingabe, die ein beschriftetes Bootstrap-<input> ausgibt. Setze Name, Label und Eingabetyp und lies dann die Eigenschaft HTML. Sie wird in derselben Unit wie die verwandten Eingaben Memo, CheckBox und RadioGroup ausgeliefert.

Komponentenklasse

TsgcHTMLComponent_Edit

Rendert

Bootstrap-5-form-control-Eingabe

Familie

Formulare & Eingaben

Sprachen

Delphi, C++ Builder, .NET

QuickStart

Erstellen, konfigurieren, rendern

Setze Name, Label_, InputType und einen Placeholder und lies dann HTML (oder füge es in eine TsgcHTMLTemplate_Bootstrap-Seite ein).

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

Referenz

Wichtige Eigenschaften & Methoden

Die Mitglieder, die du am häufigsten verwendest.

Identität

Name setzt den Feldnamen, Label_ die sichtbare Beschriftung und EditID die Element-ID (Standard edit_<Name>).

Wert & Hinweis

Value belegt die Eingabe vor, Placeholder zeigt einen Platzhaltertext und HelpText fügt einen Bootstrap-form-text-Hinweis unter dem Feld hinzu.

Eingabetyp

InputType ist ein TsgcHTMLInputType — itText, itEmail, itPassword, itNumber, itTel, itURL, itDate, itColor, itRange, itFile und weitere.

Zustand

Required, Disabled und ReadOnly kennzeichnen die Eingabe für Validierung und Bearbeitung.

Dataset-Bindung

DataField zusammen mit einer zugewiesenen DataSource füllt Value aus dem aktuellen Datensatz.

Ausgabe & verwandte Komponenten

HTML gibt das beschriftete form-control zurück. Dieselbe Unit deklariert die verwandten Eingaben TsgcHTMLComponent_Memo, TsgcHTMLComponent_CheckBox und TsgcHTMLComponent_RadioGroup.

Ressourcen

Weiter entdecken

	Alle sgcHTML-KomponentenDurchstöbere die vollständige Funktionsmatrix mit über 60 Komponenten.	Öffnen
	Kostenlose Testversion herunterladenDie 30-Tage-Testversion enthält die 60.HTML-Demoprojekte.	Öffnen
	PreiseSingle-, Team- und Site-Lizenzen mit vollständigem Quellcode.	Öffnen