ColorPicker
TsgcHTMLComponent_ColorPicker — Delphi, C++ Builder 및 .NET에서 선택적 16진수 텍스트 필드와 원클릭 스와치 프리셋을 갖춘 네이티브 HTML5 색상 입력을 렌더링합니다.
TsgcHTMLComponent_ColorPicker — Delphi, C++ Builder 및 .NET에서 선택적 16진수 텍스트 필드와 원클릭 스와치 프리셋을 갖춘 네이티브 HTML5 색상 입력을 렌더링합니다.
레이블이 있는 네이티브 색상 <input>입니다. 시작 Value를 설정하고, 프리셋 Swatches를 추가한 다음, HTML 속성을 읽습니다 — 또는 한 줄로 처리하려면 정적 Build 헬퍼를 호출하십시오.
TsgcHTMLComponent_ColorPicker
네이티브 HTML5 <input type="color"> + 스와치
Delphi, C++ Builder, .NET
FieldName, LabelText 및 시작 Value를 설정하고, Swatches에 원클릭 프리셋을 추가한 다음, HTML을 읽습니다 — 또는 정적 Build 헬퍼를 호출하십시오.
uses
sgcHTML_Component_ColorPicker;
var
oColor: TsgcHTMLComponent_ColorPicker;
begin
oColor := TsgcHTMLComponent_ColorPicker.Create(nil);
try
oColor.FieldName := 'brand_color';
oColor.LabelText := 'Brand color';
oColor.Value := '#0d6efd';
oColor.ShowValueInput := True;
oColor.Swatches.Add('#0d6efd');
oColor.Swatches.Add('#198754');
oColor.Swatches.Add('#dc3545');
WebModule.Response := oColor.HTML; // color input + hex field + swatches
finally
oColor.Free;
end;
end;
// Or the static one-liner (field name, value, label):
Result := TsgcHTMLComponent_ColorPicker.Build('brand_color', '#0d6efd', 'Brand color');// includes: sgcHTML_Component_ColorPicker.hpp
TsgcHTMLComponent_ColorPicker *oColor = new TsgcHTMLComponent_ColorPicker(NULL);
try
{
oColor->FieldName = "brand_color";
oColor->LabelText = "Brand color";
oColor->Value = "#0d6efd";
oColor->ShowValueInput = true;
oColor->Swatches->Add("#0d6efd");
oColor->Swatches->Add("#198754");
oColor->Swatches->Add("#dc3545");
String html = oColor->HTML; // color input + hex field + swatches
}
__finally
{
delete oColor;
}
// Or the static one-liner:
String html = TsgcHTMLComponent_ColorPicker::Build("brand_color", "#0d6efd", "Brand color");using esegece.sgcWebSockets;
var color = new TsgcHTMLComponent_ColorPicker();
color.FieldName = "brand_color";
color.LabelText = "Brand color";
color.Value = "#0d6efd";
color.ShowValueInput = true;
color.Swatches.Add("#0d6efd");
color.Swatches.Add("#198754");
color.Swatches.Add("#dc3545");
string html = color.HTML; // color input + hex field + swatches
// Or the static one-liner:
string html2 = TsgcHTMLComponent_ColorPicker.Build("brand_color", "#0d6efd", "Brand color");가장 자주 사용하게 되는 멤버.
Value는 선택기를 미리 채웁니다(기본값은 #0d6efd). FieldName은 입력의 name을 설정하여 폼과 함께 전송되도록 합니다.
LabelText는 선택기 위에 for로 연결된 선택적 form-label을 렌더링합니다.
ShowValueInput은 선택기 옆에 동기화된 텍스트 입력을 추가하여 사용자가 #rrggbb 값을 직접 입력하거나 붙여넣을 수 있게 합니다.
Swatches(16진수 코드의 TStrings)는 프리셋 버튼 한 줄을 렌더링합니다. 하나를 클릭하면 클라이언트 측에서 선택기(및 16진수 필드)가 업데이트됩니다.
Disabled는 두 입력을 모두 비활성화합니다. ColorPickerID는 요소 id를 설정합니다(지정하지 않으면 cp_<FieldName> 또는 자동 생성된 id를 사용).
Build(fieldName, value, labelText)는 인스턴스를 관리하지 않고도 한 줄로 마크업을 반환합니다.