Slider Component — sgcHTML | eSeGeCe

Slider

TsgcHTMLComponent_Slider — erzeugen Sie einen Bootstrap-Bereichsregler mit Live-Wert-Abzeichen, optionalen Min-/Max-Beschriftungen und Farbgestaltung, in Delphi, C++ Builder und .NET.

Auf einen Blick

TsgcHTMLComponent_Slider

Eine beschriftete Bootstrap-form-range-Eingabe. Setzen Sie die Grenzen Min/Max/Step und einen Startwert Value, wählen Sie einen ColorStyle, dann lesen Sie die HTML-Eigenschaft.

Komponentenklasse

TsgcHTMLComponent_Slider

Rendert

Bootstrap-form-range + Live-Wert-Abzeichen

Familie

Formulare & Eingaben

Sprachen

Delphi, C++ Builder, .NET

QuickStart

Grenzen setzen, rendern

Setzen Sie Min, Max, Step und einen Startwert Value, wählen Sie einen ColorStyle, dann lesen Sie 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

Referenz

Wichtige Eigenschaften & Methoden

Die Member, die Sie am häufigsten verwenden.

Bereich

Min (Standard 0), Max (Standard 100) und Step (Standard 1) begrenzen das <input type="range">.

Wert

Value setzt die Startposition; ShowValue (Standard True) rendert ein Live-Abzeichen, das sich per Inline-oninput-Handler beim Ziehen aktualisiert.

Beschriftungen

LabelText rendert ein form-label über dem Regler; ShowMinMax (Standard False) zeigt die Min/Max-Grenzen unter der Leiste an.

Farbe

Color akzeptiert eine rohe Hex-Zeichenkette; ist sie leer, liefert ColorStyle (TsgcHTMLColor, Standard hcPrimary) die Akzentfarbe sowohl für die Leiste als auch das Wert-Abzeichen.

Übertragung

FieldName setzt das name-Attribut, damit der Wert mit dem Formular gepostet wird; Disabled entfernt ihn aus der Übermittlung.

Identität

SliderID setzt die Element-ID (fällt zurück auf sld_<FieldName> oder eine automatisch erzeugte ID).

Ressourcen

Weiter entdecken

	Online-HilfeVollständige API-Referenz und Verwendungshandbuch für diese Komponente.	Öffnen
	Alle sgcHTML-KomponentenDurchsuchen Sie die vollständige Funktionsmatrix von über 80 Komponenten.	Öffnen
	Kostenlose Testversion herunterladenDie 30-Tage-Testversion enthält die 60.HTML-Demoprojekte.	Öffnen
	PreiseSingle-, Team- und Site-Lizenzen mit vollständigem Quellcode.	Öffnen