Slider
TsgcHTMLComponent_Slider — 渲染带有实时数值徽章、可选最小/最大值标签和颜色样式的 Bootstrap 范围滑块，适用于 Delphi、C++ Builder 和 .NET。
TsgcHTMLComponent_Slider — 渲染带有实时数值徽章、可选最小/最大值标签和颜色样式的 Bootstrap 范围滑块，适用于 Delphi、C++ Builder 和 .NET。
一个带标签的 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 接受原始十六进制字符串；为空时，ColorStyle（TsgcHTMLColor，默认 hcPrimary）为滑轨和数值徽章提供强调色。
FieldName 设置 name 属性，使值随表单提交；Disabled 将其从提交集中移除。
SliderID 设置元素 id（回退到 sld_<FieldName> 或自动生成的 id）。