Edit
TsgcHTMLComponent_Edit — un campo di testo a riga singola con etichetta, testo di aiuto, tipo di input e binding ai dataset che renderizza un form-control Bootstrap 5, in Delphi, C++ Builder e .NET.
TsgcHTMLComponent_Edit — un campo di testo a riga singola con etichetta, testo di aiuto, tipo di input e binding ai dataset che renderizza un form-control Bootstrap 5, in Delphi, C++ Builder e .NET.
Un campo di testo autonomo che emette un <input> Bootstrap con etichetta. Imposta il nome, l’etichetta e il tipo di input, quindi leggi la proprietà HTML. È distribuito nella stessa unit dei campi affini Memo, CheckBox e RadioGroup.
TsgcHTMLComponent_Edit
Bootstrap 5 form-control input
Delphi, C++ Builder, .NET
Imposta Name, Label_, InputType e un Placeholder, quindi leggi HTML (oppure inseriscilo in una pagina TsgcHTMLTemplate_Bootstrap).
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
I membri che utilizzerai più spesso.
Name imposta il nome del campo, Label_ la didascalia visibile e EditID l’id dell’elemento (il valore predefinito è edit_<Name>).
Value inizializza l’input, Placeholder mostra il testo segnaposto e HelpText aggiunge un suggerimento Bootstrap form-text sotto il campo.
InputType è un TsgcHTMLInputType — itText, itEmail, itPassword, itNumber, itTel, itURL, itDate, itColor, itRange, itFile e altri.
Required, Disabled e ReadOnly contrassegnano l’input per la validazione e la modifica.
DataField insieme a un DataSource assegnato riempie Value dal record corrente.
HTML restituisce il form-control con etichetta. La stessa unit dichiara i campi affini TsgcHTMLComponent_Memo, TsgcHTMLComponent_CheckBox e TsgcHTMLComponent_RadioGroup.