Slider Component — sgcHTML | eSeGeCe

Slider

TsgcHTMLComponent_Slider — renderizza uno slider di intervallo Bootstrap con un badge del valore in tempo reale, etichette min/max opzionali e stile colore, in Delphi, C++ Builder e .NET.

In sintesi

TsgcHTMLComponent_Slider

Un input Bootstrap form-range con etichetta. Imposta i limiti Min/Max/Step e un Value iniziale, scegli un ColorStyle, quindi leggi la proprietà HTML.

Classe del componente

TsgcHTMLComponent_Slider

Renderizza

Bootstrap form-range + live value badge

Famiglia

Moduli e Campi

Linguaggi

Delphi, C++ Builder, .NET

QuickStart

Imposta i limiti, renderizzalo

Imposta Min, Max, Step e un Value iniziale, scegli un ColorStyle, quindi leggi 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

Riferimento

Proprietà e metodi principali

I membri che utilizzerai più spesso.

Intervallo

Min (predefinito 0), Max (predefinito 100) e Step (predefinito 1) delimitano l’<input type="range">.

Valore

Value imposta la posizione iniziale; ShowValue (predefinito True) renderizza un badge in tempo reale che si aggiorna tramite un handler oninput inline mentre l’utente trascina.

Etichette

LabelText renderizza un form-label sopra lo slider; ShowMinMax (predefinito False) stampa i limiti Min/Max sotto la traccia.

Colore

Color accetta una stringa esadecimale grezza; quando è vuota, ColorStyle (TsgcHTMLColor, predefinito hcPrimary) fornisce il colore d’accento sia per la traccia sia per il badge del valore.

Invio

FieldName imposta l’attributo name in modo che il valore venga inviato con il modulo; Disabled lo rimuove dall’insieme dei dati inviati.

Identità

SliderID imposta l’id dell’elemento (ricade su sld_<FieldName> oppure su un id generato automaticamente).

Risorse

Continua a esplorare

	Guida in lineaRiferimento API completo e guida all’uso per questo componente.	Apri
	Tutti i componenti sgcHTMLEsplora la matrice completa delle funzionalità di oltre 80 componenti.	Apri
	Scarica la Prova GratuitaLa prova di 30 giorni include i progetti demo 60.HTML.	Apri
	PrezziLicenze Single, Team e Site con codice sorgente completo.	Apri