Edit

TsgcHTMLComponent_Edit — Delphi, C++ Builder 및 .NET에서 Bootstrap 5 form-control을 렌더링하는, 레이블, 도움말 텍스트, 입력 유형 및 데이터셋 바인딩을 갖춘 한 줄 텍스트 입력입니다.

TsgcHTMLComponent_Edit

레이블이 있는 Bootstrap <input>을 내보내는 독립형 텍스트 입력입니다. 이름, 레이블 및 입력 유형을 설정한 다음, HTML 속성을 읽습니다. 형제 격인 Memo, CheckBox 및 RadioGroup 입력과 같은 유닛에 제공됩니다.

컴포넌트 클래스

TsgcHTMLComponent_Edit

렌더링

Bootstrap 5 form-control 입력

패밀리

폼 및 입력

언어

Delphi, C++ Builder, .NET

생성하고, 구성하고, 렌더링하기

Name, Label_, InputTypePlaceholder를 설정한 다음, HTML을 읽습니다(또는 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

주요 속성 및 메서드

가장 자주 사용하게 되는 멤버.

식별

Name은 필드 이름을, Label_은 보이는 캡션을, EditID는 요소 id를 설정합니다(기본값은 edit_<Name>).

값 및 힌트

Value는 입력을 초기화하고, Placeholder는 고스트 텍스트를 표시하며, HelpText는 필드 아래에 Bootstrap form-text 힌트를 추가합니다.

입력 유형

InputTypeTsgcHTMLInputType입니다 — itText, itEmail, itPassword, itNumber, itTel, itURL, itDate, itColor, itRange, itFile 등.

상태

Required, DisabledReadOnly는 유효성 검사 및 편집을 위해 입력을 표시합니다.

데이터셋 바인딩

DataField와 할당된 DataSource는 현재 레코드에서 Value를 채웁니다.

출력 및 형제

HTML은 레이블이 있는 form-control을 반환합니다. 같은 유닛이 형제 격인 TsgcHTMLComponent_Memo, TsgcHTMLComponent_CheckBoxTsgcHTMLComponent_RadioGroup 입력을 선언합니다.

계속 살펴보기

모든 sgcHTML 컴포넌트60개 이상의 컴포넌트 전체 기능 매트릭스를 둘러보십시오.
무료 체험판 다운로드30일 체험판에는 60.HTML 데모 프로젝트가 포함됩니다.
가격전체 소스 코드가 포함된 Single, Team 및 Site 라이선스.

시작할 준비가 되셨습니까?

무료 체험판을 다운로드하고 Delphi, C++ Builder 및 .NET에서 웹 UI를 구축하기 시작하십시오.