Slider
TsgcHTMLComponent_Slider — Delphi, C++ Builder ve .NET'te canlı değer rozeti, isteğe bağlı min/maks etiketleri ve renk stili içeren bir Bootstrap aralık kaydırıcısı işleyin.
TsgcHTMLComponent_Slider — Delphi, C++ Builder ve .NET'te canlı değer rozeti, isteğe bağlı min/maks etiketleri ve renk stili içeren bir Bootstrap aralık kaydırıcısı işleyin.
Etiketli bir Bootstrap form-range girdisi. Min/Max/Step sınırlarını ve başlangıç Value'sunu ayarlayın, bir ColorStyle seçin, ardından HTML özelliğini okuyun.
TsgcHTMLComponent_Slider
Bootstrap form-range + canlı değer rozeti
Delphi, C++ Builder, .NET
Min, Max, Step ve başlangıç Value'sunu ayarlayın, bir ColorStyle seçin, ardından HTML'i okuyun.
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 badgeEn sık başvurduğunuz üyeler.
Min (varsayılan 0), Max (varsayılan 100) ve Step (varsayılan 1), <input type="range">'i sınırlar.
Value, başlangıç konumunu ayarlar; ShowValue (varsayılan True), kullanıcı sürüklerken satır içi bir oninput işleyicisiyle güncellenen canlı bir rozet işler.
LabelText, kaydırıcının üzerinde bir form-label işler; ShowMinMax (varsayılan False), Min/Max sınırlarını izin altında yazdırır.
Color, ham bir hex dizesi kabul eder; boş olduğunda ColorStyle (TsgcHTMLColor, varsayılan hcPrimary), hem iz hem de değer rozeti için vurgu rengini sağlar.
FieldName, name özniteliğini ayarlar, böylece değer formla birlikte gönderilir; Disabled, onu gönderim kümesinden kaldırır.
SliderID, öğe kimliğini ayarlar (sld_<FieldName> ya da otomatik oluşturulan bir kimliğe geri döner).
| Çevrimiçi yardımBu bileşen için tam API referansı ve kullanım kılavuzu. | Aç | |
| Tüm sgcHTML Bileşenleri80'den fazla bileşenin tam özellik matrisine göz atın. | Aç | |
| Ücretsiz Deneme Sürümünü İndirin30 günlük deneme, 60.HTML demo projeleriyle birlikte gelir. | Aç | |
| FiyatlandırmaTam kaynak kodlu Single, Team ve Site lisansları. | Aç |