Edit

TsgcHTMLComponent_Edit — uma entrada de texto de linha única com label, texto de ajuda, tipo de entrada e vinculação a dataset que renderiza um form-control do Bootstrap 5, em Delphi, C++ Builder e .NET.

Visão geral

TsgcHTMLComponent_Edit

Uma entrada de texto independente que emite um <input> Bootstrap com label. Defina o nome, o label e o tipo de entrada e então leia a propriedade HTML. Ela vem na mesma unit que as entradas irmãs Memo, CheckBox e RadioGroup.

Classe do componente

TsgcHTMLComponent_Edit

Renderiza

Entrada form-control do Bootstrap 5

Família

Formulários & Entradas

Linguagens

Delphi, C++ Builder, .NET

QuickStart

Crie, configure, renderize

Defina Name, Label_, InputType e um Placeholder e então leia HTML (ou insira-o em uma 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

Referência

Principais propriedades & métodos

Os membros que você usa com mais frequência.

Identidade

Name define o nome do campo, Label_ a legenda visível e EditID o id do elemento (padrão edit_<Name>).

Valor & dica

Value inicializa a entrada, Placeholder mostra texto fantasma e HelpText adiciona uma dica form-text do Bootstrap abaixo do campo.

Tipo de entrada

InputType é um TsgcHTMLInputType — itText, itEmail, itPassword, itNumber, itTel, itURL, itDate, itColor, itRange, itFile e mais.

Estado

Required, Disabled e ReadOnly marcam a entrada para validação e edição.

Vinculação a dataset

DataField mais um DataSource atribuído preenche Value a partir do registro atual.

Saída & irmãos

HTML retorna o form-control com label. A mesma unit declara as entradas irmãs TsgcHTMLComponent_Memo, TsgcHTMLComponent_CheckBox e TsgcHTMLComponent_RadioGroup.

Recursos

Continue explorando

	Todos os Componentes sgcHTMLExplore a matriz completa de recursos com mais de 60 componentes.	Abrir
	Baixar Versão de Avaliação GratuitaA avaliação de 30 dias inclui os projetos de demonstração 60.HTML.	Abrir
	PreçosLicenças Single, Team e Site com código-fonte completo.	Abrir