Compartilhar via

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

  • Artigo

por Christian Wenz

Baixar PDF

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">
 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 real)

Posteriormente, a data dessa alteração é gravada no rótulo

Posteriormente, a data dessa alteração é gravada no rótulo (Clique para exibir a imagem em tamanho real)

AnteriorAvançar