Edit

TsgcHTMLComponent_Edit — una entrada de texto de una sola línea con etiqueta, texto de ayuda, tipo de entrada y vinculación a datasets que genera un form-control de Bootstrap 5, en Delphi, C++ Builder y .NET.

De un vistazo

TsgcHTMLComponent_Edit

Una entrada de texto independiente que genera un <input> de Bootstrap con etiqueta. Configura el nombre, la etiqueta y el tipo de entrada y luego lee la propiedad HTML. Se distribuye en la misma unit que las entradas hermanas Memo, CheckBox y RadioGroup.

Clase del componente

TsgcHTMLComponent_Edit

Genera

Entrada form-control de Bootstrap 5

Familia

Formularios y Entradas

Lenguajes

Delphi, C++ Builder, .NET

Inicio rápido

Créalo, configúralo, genéralo

Configura Name, Label_, InputType y un Placeholder y luego lee HTML (o colócalo en una página 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

Referencia

Propiedades y métodos clave

Los miembros que más utilizarás.

Identidad

Name establece el nombre del campo, Label_ el rótulo visible y EditID el id del elemento (por defecto edit_<Name>).

Valor y sugerencia

Value inicializa la entrada, Placeholder muestra texto fantasma y HelpText añade una sugerencia form-text de Bootstrap debajo del campo.

Tipo de entrada

InputType es un TsgcHTMLInputType — itText, itEmail, itPassword, itNumber, itTel, itURL, itDate, itColor, itRange, itFile y más.

Estado

Required, Disabled y ReadOnly marcan la entrada para validación y edición.

Vinculación a dataset

DataField junto con un DataSource asignado rellena Value a partir del registro actual.

Salida y hermanos

HTML devuelve el form-control con etiqueta. La misma unit declara las entradas hermanas TsgcHTMLComponent_Memo, TsgcHTMLComponent_CheckBox y TsgcHTMLComponent_RadioGroup.

Recursos

Sigue explorando

	Todos los componentes de sgcHTMLExplora la matriz de características completa de más de 60 componentes.	Abrir
	Descargar prueba gratuitaLa prueba de 30 días incluye los proyectos de demostración 60.HTML.	Abrir
	PreciosLicencias Single, Team y Site con todo el código fuente.	Abrir