Slider-component — sgcHTML | eSeGeCe

Slider

TsgcHTMLComponent_Slider — render een Bootstrap-schuifregelaar met een live waardebadge, optionele min/max-labels en kleurstyling, in Delphi, C++ Builder en .NET.

In één oogopslag

TsgcHTMLComponent_Slider

Een gelabelde Bootstrap form-range-invoer. Stel de Min/Max/Step-grenzen en een startwaarde Value in, kies een ColorStyle, en lees dan de HTML-eigenschap.

Componentklasse

TsgcHTMLComponent_Slider

Rendert

Bootstrap form-range + live waardebadge

Familie

Formulieren en invoer

Talen

Delphi, C++ Builder, .NET

QuickStart

Stel de grenzen in, render het

Stel Min, Max, Step en een startwaarde Value in, kies een ColorStyle, en lees dan 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

Referentie

Belangrijkste eigenschappen en methoden

De members die je het vaakst gebruikt.

Bereik

Min (standaard 0), Max (standaard 100) en Step (standaard 1) begrenzen de <input type="range">.

Waarde

Value stelt de startpositie in; ShowValue (standaard True) rendert een live badge die via een inline oninput-handler bijwerkt terwijl de gebruiker sleept.

Labels

LabelText rendert een form-label boven de schuifregelaar; ShowMinMax (standaard False) toont de Min/Max-grenzen onder de balk.

Kleur

Color accepteert een ruwe hexcode; indien leeg, levert ColorStyle (TsgcHTMLColor, standaard hcPrimary) de accentkleur voor zowel de balk als de waardebadge.

Posten

FieldName stelt het name-attribuut in zodat de waarde met het formulier wordt gepost; Disabled sluit hem uit van de verzendset.

Identiteit

SliderID stelt het element-id in (valt terug op sld_<FieldName> of een automatisch gegenereerd id).

Bronnen

Blijf ontdekken

	Online helpVolledige API-referentie en gebruikshandleiding voor dit onderdeel.	Open
	Alle sgcHTML-componentenBlader door de volledige functiematrix van 80+ componenten.	Openen
	Download gratis proefversieDe proefversie van 30 dagen bevat de 60.HTML-demoprojecten.	Openen
	PrijzenSingle-, Team- en Site-licenties met volledige broncode.	Openen