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

作者：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">
 void Page_Load()
 {
 if (Page.IsPostBack)
 {
 LastUpdate.Text = "Last update: " + DateTime.Now.ToLongTimeString();
 }
 }
</script>

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

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

下一步