Slider
TsgcHTMLComponent_Slider — Delphi, C++ Builder 및 .NET에서 실시간 값 배지, 선택적 최소/최대 레이블 및 색상 스타일을 갖춘 Bootstrap 범위 슬라이더를 렌더링합니다.
TsgcHTMLComponent_Slider — Delphi, C++ Builder 및 .NET에서 실시간 값 배지, 선택적 최소/최대 레이블 및 색상 스타일을 갖춘 Bootstrap 범위 슬라이더를 렌더링합니다.
레이블이 있는 Bootstrap form-range 입력입니다. Min/Max/Step 범위와 시작 Value를 설정하고, ColorStyle을 선택한 다음, HTML 속성을 읽습니다.
TsgcHTMLComponent_Slider
Bootstrap form-range + 실시간 값 배지
Delphi, C++ Builder, .NET
Min, Max, Step 및 시작 Value를 설정하고, ColorStyle을 선택한 다음, HTML을 읽습니다.
uses
sgcHTML_Enums, sgcHTML_Component_Slider;
var
oSlider: TsgcHTMLComponent_Slider;
begin
oSlider := TsgcHTMLComponent_Slider.Create(nil);
try
oSlider.FieldName := 'volume';
oSlider.LabelText := 'Volume';
oSlider.Min := 0;
oSlider.Max := 100;
oSlider.Step := 5;
oSlider.Value := 50;
oSlider.ShowMinMax := True;
oSlider.ColorStyle := hcSuccess;
WebModule.Response := oSlider.HTML; // form-range + live value badge
finally
oSlider.Free;
end;
end;// includes: sgcHTML_Enums.hpp, sgcHTML_Component_Slider.hpp
TsgcHTMLComponent_Slider *oSlider = new TsgcHTMLComponent_Slider(NULL);
try
{
oSlider->FieldName = "volume";
oSlider->LabelText = "Volume";
oSlider->Min = 0;
oSlider->Max = 100;
oSlider->Step = 5;
oSlider->Value = 50;
oSlider->ShowMinMax = true;
oSlider->ColorStyle = hcSuccess;
String html = oSlider->HTML; // form-range + live value badge
}
__finally
{
delete oSlider;
}using esegece.sgcWebSockets;
var slider = new TsgcHTMLComponent_Slider();
slider.FieldName = "volume";
slider.LabelText = "Volume";
slider.Min = 0;
slider.Max = 100;
slider.Step = 5;
slider.Value = 50;
slider.ShowMinMax = true;
slider.ColorStyle = TsgcHTMLColor.hcSuccess;
string html = slider.HTML; // form-range + live value badge가장 자주 사용하게 되는 멤버.
Min(기본값 0), Max(기본값 100) 및 Step(기본값 1)이 <input type="range">의 범위를 정합니다.
Value는 시작 위치를 설정합니다. ShowValue(기본값 True)는 사용자가 드래그할 때 인라인 oninput 핸들러를 통해 업데이트되는 실시간 배지를 렌더링합니다.
LabelText는 슬라이더 위에 form-label을 렌더링합니다. ShowMinMax(기본값 False)는 트랙 아래에 Min/Max 범위를 표시합니다.
Color는 원시 16진수 문자열을 받습니다. 비어 있으면 ColorStyle(TsgcHTMLColor, 기본값 hcPrimary)이 트랙과 값 배지 모두에 강조 색상을 제공합니다.
FieldName은 name 속성을 설정하여 값이 폼과 함께 전송되도록 합니다. Disabled는 전송 대상에서 제외합니다.
SliderID는 요소 id를 설정합니다(지정하지 않으면 sld_<FieldName> 또는 자동 생성된 id를 사용).