Form 컴포넌트 — sgcHTML | eSeGeCe

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 정의에서 필드를 채웁니다.

계속 살펴보기

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

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

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