TsgcHTMLComponent_Form — ein datengetriebener Formular-Builder, der Bootstrap-5-Formulare mit Text-, Auswahl-, Kontrollkästchen-, Radio-, Datei-, Datums- und Bereichsfeldern, Validierung, vertikalen/horizontalen/Inline-Layouts und KI-Formularerzeugung rendert, in Delphi, C++ Builder und .NET.
Eine Formularkomponente, die ein Bootstrap-<form> aus einer Fields-Sammlung aufbaut. Fügen Sie Felder hinzu (oder binden Sie ein Dataset), wählen Sie ein Layout und lesen Sie dann die HTML-Eigenschaft.
TsgcHTMLComponent_Form
Bootstrap-5-<form>-Markup
Delphi, C++ Builder, .NET
Setzen Sie Action, Method und Layout, fügen Sie ein oder mehrere Fields hinzu und lesen Sie dann HTML (oder fügen Sie es in eine TsgcHTMLTemplate_Bootstrap-Seite ein).
uses
sgcHTML_Enums, sgcHTML_Component_Form;
var
oForm: TsgcHTMLComponent_Form;
oField: TsgcHTMLFormField;
begin
oForm := TsgcHTMLComponent_Form.Create(nil);
try
oForm.Action := '/contact';
oForm.Method := fmPost;
oForm.Layout := flVertical;
oForm.SubmitText := 'Send';
oForm.SubmitStyle := bsPrimary;
oForm.ShowReset := True;
oField := oForm.Fields.Add;
oField.FieldType := ftText;
oField.Name := 'name';
oField.Label_ := 'Full name';
oField.Required := True;
oField := oForm.Fields.Add;
oField.FieldType := ftEmail;
oField.Name := 'email';
oField.Label_ := 'Email';
oField.Placeholder := 'you@example.com';
WebModule.Response := oForm.HTML; // Bootstrap <form> markup
finally
oForm.Free;
end;
end;
// Or build the fields straight from a dataset:
oForm.LoadFromDataSet(qryCustomer);// includes: sgcHTML_Enums.hpp, sgcHTML_Component_Form.hpp
TsgcHTMLComponent_Form *oForm = new TsgcHTMLComponent_Form(NULL);
try
{
oForm->Action = "/contact";
oForm->Method = fmPost;
oForm->Layout = flVertical;
oForm->SubmitText = "Send";
oForm->SubmitStyle = bsPrimary;
oForm->ShowReset = true;
TsgcHTMLFormField *oField = oForm->Fields->Add();
oField->FieldType = ftText;
oField->Name = "name";
oField->Label_ = "Full name";
oField->Required = true;
oField = oForm->Fields->Add();
oField->FieldType = ftEmail;
oField->Name = "email";
oField->Label_ = "Email";
oField->Placeholder = "you@example.com";
String html = oForm->HTML; // Bootstrap <form> markup
}
__finally
{
delete oForm;
}using esegece.sgcWebSockets;
var form = new TsgcHTMLComponent_Form();
form.Action = "/contact";
form.Method = TsgcHTMLFormMethod.fmPost;
form.Layout = TsgcHTMLFormLayout.flVertical;
form.SubmitText = "Send";
form.SubmitStyle = TsgcHTMLButtonStyle.bsPrimary;
form.ShowReset = true;
var field = form.Fields.Add();
field.FieldType = TsgcHTMLFieldType.ftText;
field.Name = "name";
field.Label_ = "Full name";
field.Required = true;
field = form.Fields.Add();
field.FieldType = TsgcHTMLFieldType.ftEmail;
field.Name = "email";
field.Label_ = "Email";
field.Placeholder = "you@example.com";
string html = form.HTML; // Bootstrap <form> markupDie Member, die Sie am häufigsten verwenden.
Fields ist eine Sammlung von TsgcHTMLFormField; rufen Sie Fields.Add auf und setzen Sie FieldType (ftText, ftEmail, ftSelect, ftCheckbox, ftRadio, ftFile, ftDate, ftRange und mehr), Name, Label_, Value und Required.
Action und Method (fmGet / fmPost) bestimmen das Ziel des POST; FormID identifiziert das Formularelement.
Layout wählt flVertical, flHorizontal oder flInline; LabelColWidth und FieldColWidth bemessen die Spalten eines horizontalen Layouts.
SubmitText, SubmitStyle (ein TsgcHTMLButtonStyle), ShowReset und ResetText steuern die Aktionsschaltflächen.
LoadFromDataSet(aDataSet) erzeugt Felder aus den Spalten einer Abfrage; LoadValuesFromDataSet(aDataSet) füllt bestehende Felder mit den Werten der aktuellen Zeile neu.
AIBuildEnabled und AIBuildPlaceholder ergänzen eine Prompt-Leiste; BuildFromAIDescription(aDescription) löst OnAIBuildForm aus und LoadFieldsFromJSON(aJSON) befüllt Felder aus einer JSON-Definition.
| Alle sgcHTML-KomponentenDurchsuchen Sie die vollständige Funktionsmatrix von ü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 |