共用方式為


使用 Slider 控制項搭配自動回傳 (VB)

作者:Christian Wenz

下載 PDF

AJAX Control Toolkit 中的 Slider 控制項提供可使用滑鼠控制的圖形化滑桿。 滑桿的值一旦變更,就可以使滑桿自動回傳。

概觀

AJAX Control Toolkit 中的 Slider 控制項提供可使用滑鼠控制的圖形化滑桿。 滑桿的值一旦變更,就可以使滑桿自動回傳。

步驟

為了讓滑桿在變更時自動回傳,這兩個文字方塊都需要 AutoPostBack="true" 屬性:將成為滑桿本身的文字方塊,以及保留滑桿位置的文字方塊。 以下是所需的標記:

<asp:TextBox ID="Slider1" runat="server" AutoPostBack="true" />
<asp:TextBox ID="SliderValue" runat="server" AutoPostBack="true" />

來自 ASP.NET AJAX Control Toolkit 的 SliderExtender 控制項會將滑桿功能指派給這兩個文字方塊:

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

稍後會使用額外的標籤來通知使用者發生回傳:

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

最後,AJAX ASP.NET 的 ScriptManager 控制項會載入必要的 JavaScript,使 Control Toolkit 能夠運作:

<asp:ScriptManager ID="asm" runat="server" />

現在滑桿已回傳;在伺服器端,可以攔截此事件並採取行動:

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

移動滑桿會觸發回傳

移動滑桿會觸發回傳 (按一下以檢視完整大小的影像)

之後,此變更的日期會寫入標籤中

之後,此變更的日期會寫入標籤中 (按一下以檢視完整大小的影像)