Usando o controle deslizante com postback automático (VB)

por Christian Wenz

Baixar código ou baixar PDF

O controle deslizante no AJAX Control Toolkit fornece um controle deslizante gráfico que pode ser controlado usando o mouse. É possível fazer o controle deslizante AutoPostBack quando seu valor é alterado.

Visão geral

O controle deslizante no AJAX Control Toolkit fornece um controle deslizante gráfico que pode ser controlado usando o mouse. É possível fazer o controle deslizante AutoPostBack quando seu valor é alterado.

Etapas

Para fazer com que o controle deslizante seja automaticamente postback 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 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 controle de SliderExtender do kit de ferramentas de controle AJAX ASP.NET atribui a funcionalidade Slider às duas caixas de texto:

<ajaxToolkit:SliderExtender ID="se1" runat="server"
 TargetControlId="Slider1" BoundControlID="SliderValue" />

Um elemento rótulo adicional posteriormente será usado para informar o usuário de um postback:

<asp:Label ID="LastUpdate" runat="server" />

Por fim, o ScriptManager controle do 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á fazendo o lançamento; no lado do servidor, esse evento pode ser capturado e Tratado:

<script runat="server">
 Sub Page_Load()
 If Page.IsPostBack Then
 LastUpdate.Text = "Last update: " & DateTime.Now.ToLongTimeString()
 End If
 End Sub
</script>

mover o controle deslizante dispara um postback

Mover o controle deslizante dispara um postback (clique para exibir a imagem em tamanho normal)

depois, a data dessa alteração será gravada no rótulo

Posteriormente, a data dessa alteração será gravada no rótulo (clique para exibir a imagem em tamanho normal)