Slider
TsgcHTMLComponent_Slider — affichez un curseur de plage Bootstrap avec un badge de valeur en direct, des libellés min/max optionnels et une coloration, en Delphi, C++ Builder et .NET.
TsgcHTMLComponent_Slider — affichez un curseur de plage Bootstrap avec un badge de valeur en direct, des libellés min/max optionnels et une coloration, en Delphi, C++ Builder et .NET.
Une saisie Bootstrap form-range avec libellé. Définissez les bornes Min/Max/Step et une Value de départ, choisissez un ColorStyle, puis lisez la propriété HTML.
TsgcHTMLComponent_Slider
form-range Bootstrap + badge de valeur en direct
Delphi, C++ Builder, .NET
Définissez Min, Max, Step et une Value de départ, choisissez un ColorStyle, puis lisez 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 badgeLes membres que vous utilisez le plus souvent.
Min (par défaut 0), Max (par défaut 100) et Step (par défaut 1) bornent l'<input type="range">.
Value définit la position de départ ; ShowValue (par défaut True) affiche un badge en direct mis à jour via un gestionnaire oninput en ligne pendant que l'utilisateur glisse.
LabelText affiche un form-label au-dessus du curseur ; ShowMinMax (par défaut False) affiche les bornes Min/Max sous la piste.
Color accepte une chaîne hexadécimale brute ; si elle est vide, ColorStyle (TsgcHTMLColor, par défaut hcPrimary) fournit la couleur d'accentuation pour la piste et le badge de valeur.
FieldName définit l'attribut name pour que la valeur soit envoyée avec le formulaire ; Disabled la retire de l'ensemble soumis.
SliderID définit l'id de l'élément (revient à sld_<FieldName> ou à un id généré automatiquement).
| Aide en ligneRéférence API complète et guide d’utilisation pour ce composant. | Ouvrir | |
| Tous les composants sgcHTMLParcourez la matrice complète des fonctionnalités de plus de 80 composants. | Ouvrir | |
| Télécharger la version d'essai gratuiteLa version d'essai de 30 jours fournit les projets de démonstration 60.HTML. | Ouvrir | |
| TarifsLicences Single, Team et Site avec code source complet. | Ouvrir |