Form

TsgcHTMLComponent_Form — Delphi, C++ Builder 및 .NET에서 텍스트, 선택, 체크박스, 라디오, 파일, 날짜 및 범위 필드, 유효성 검사, 세로/가로/인라인 레이아웃 및 AI 폼 생성과 함께 Bootstrap 5 폼을 렌더링하는 데이터 기반 폼 빌더입니다.

TsgcHTMLComponent_Form

Fields 컬렉션에서 Bootstrap <form>을 구성하는 폼 컴포넌트입니다. 필드를 추가하고(또는 데이터셋을 바인딩하고), 레이아웃을 선택한 다음, HTML 속성을 읽습니다.

컴포넌트 클래스

TsgcHTMLComponent_Form

렌더링

Bootstrap 5 <form> 마크업

패밀리

폼 및 입력

언어

Delphi, C++ Builder, .NET

생성하고, 필드를 추가하고, 렌더링하기

Action, MethodLayout을 설정하고, 하나 이상의 Fields를 추가한 다음, HTML을 읽습니다(또는 TsgcHTMLTemplate_Bootstrap 페이지에 넣습니다).

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> markup

주요 속성 및 메서드

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

Fields

FieldsTsgcHTMLFormField의 컬렉션입니다. Fields.Add를 호출하고 FieldType(ftText, ftEmail, ftSelect, ftCheckbox, ftRadio, ftFile, ftDate, ftRange 등), Name, Label_, ValueRequired를 설정하십시오.

전송

ActionMethod(fmGet / fmPost)가 전송 대상을 지정합니다. FormID는 폼 요소를 식별합니다.

레이아웃

LayoutflVertical, flHorizontal 또는 flInline을 선택합니다. LabelColWidthFieldColWidth가 가로 레이아웃의 열 크기를 정합니다.

버튼

SubmitText, SubmitStyle(TsgcHTMLButtonStyle), ShowResetResetText가 작업 버튼을 제어합니다.

데이터셋 바인딩

LoadFromDataSet(aDataSet)는 쿼리의 열에서 필드를 생성합니다. LoadValuesFromDataSet(aDataSet)는 현재 행의 값으로 기존 필드를 다시 채웁니다.

AI 폼 빌더

AIBuildEnabledAIBuildPlaceholder는 프롬프트 바를 추가합니다. BuildFromAIDescription(aDescription)OnAIBuildForm을 발생시키고, LoadFieldsFromJSON(aJSON)은 JSON 정의에서 필드를 채웁니다.

계속 살펴보기

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

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

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