Slider
TsgcHTMLComponent_Slider — renderize um slider de intervalo Bootstrap com badge de valor ao vivo, rótulos opcionais de mínimo/máximo e estilo de cor, em Delphi, C++ Builder e .NET.
TsgcHTMLComponent_Slider — renderize um slider de intervalo Bootstrap com badge de valor ao vivo, rótulos opcionais de mínimo/máximo e estilo de cor, em Delphi, C++ Builder e .NET.
Um input form-range do Bootstrap com rótulo. Defina os limites Min/Max/Step e um Value inicial, escolha um ColorStyle, então leia a propriedade HTML.
TsgcHTMLComponent_Slider
form-range do Bootstrap + badge de valor ao vivo
Delphi, C++ Builder, .NET
Defina Min, Max, Step e um Value inicial, escolha um ColorStyle, então leia 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 badgeOs membros que você usa com mais frequência.
Min (padrão 0), Max (padrão 100) e Step (padrão 1) delimitam o <input type="range">.
Value define a posição inicial; ShowValue (padrão True) renderiza um badge ao vivo que é atualizado por um handler oninput inline enquanto o usuário arrasta.
LabelText renderiza um form-label acima do slider; ShowMinMax (padrão False) exibe os limites Min/Max abaixo da trilha.
Color aceita uma string hexadecimal bruta; quando vazia, ColorStyle (TsgcHTMLColor, padrão hcPrimary) fornece a cor de destaque tanto para a trilha quanto para o badge de valor.
FieldName define o atributo name para que o valor seja enviado com o formulário; Disabled o remove do conjunto de envio.
SliderID define o id do elemento (usa sld_<FieldName> ou um id gerado automaticamente como padrão).
| Ajuda onlineReferência completa da API e guia de uso para este componente. | Abrir | |
| Todos os Componentes sgcHTMLExplore a matriz completa de recursos com mais de 80 componentes. | Abrir | |
| Baixar Versão de Avaliação GratuitaA avaliação de 30 dias inclui os projetos de demonstração 60.HTML. | Abrir | |
| PreçosLicenças Single, Team e Site com código-fonte completo. | Abrir |