Usando o controle deslizante com postback automático (C#)
por Christian Wenz
O controle deslizante no Kit de Ferramentas de Controle AJAX fornece um controle deslizante gráfico que pode ser controlado usando o mouse. É possível fazer o autopostback do controle deslizante depois que seu valor for alterado.
Visão geral
O controle deslizante no Kit de Ferramentas de Controle AJAX fornece um controle deslizante gráfico que pode ser controlado usando o mouse. É possível fazer o autopostback do controle deslizante depois que seu valor for alterado.
Etapas
Para fazer o controle deslizante postar automaticamente após uma alteração, ambas as caixas de texto precisam do atributo AutoPostBack="true": a caixa de texto que se tornará o controle deslizante em si e a caixa de texto que contém a posição do controle deslizante. Aqui está a marcação necessária para isso:
<asp:TextBox ID="Slider1" runat="server" AutoPostBack="true" />
<asp:TextBox ID="SliderValue" runat="server" AutoPostBack="true" />
O SliderExtender controle do ASP.NET Kit de Ferramentas de Controle AJAX atribui a funcionalidade do controle deslizante às duas caixas de texto:
<ajaxToolkit:SliderExtender ID="se1" runat="server"
TargetControlId="Slider1" BoundControlID="SliderValue" />
Um elemento de rótulo adicional será usado posteriormente para informar o usuário sobre um postback:
<asp:Label ID="LastUpdate" runat="server" />
Por fim, o ScriptManager controle de ASP.NET AJAX carrega o JavaScript necessário para que o Kit de Ferramentas de Controle funcione:
<asp:ScriptManager ID="asm" runat="server" />
Agora o controle deslizante está postando de volta; no lado do servidor, esse evento pode ser capturado e agido em:
<script runat="server">
void Page_Load()
{
if (Page.IsPostBack)
{
LastUpdate.Text = "Last update: " + DateTime.Now.ToLongTimeString();
}
}
</script>
Mover o controle deslizante dispara um postback (Clique para exibir a imagem em tamanho real)
Posteriormente, a data dessa alteração é gravada no rótulo (Clique para exibir a imagem em tamanho real)
